/* ─── Footer: "More success cases" arrow from production ─────────── */
.tt-footer__more-cases {
  margin-top: -20px;
  display: block;
  position: relative;
  top: 0;
  height: 30px;
  background: url('/footer/arrow-white.f902350f1278d5d9.svg') no-repeat 84% 50%;
  text-decoration: none !important;
  color: var(--color-tt-white) !important;
}

.tt-footer__more-cases:hover,
.tt-footer__more-cases:focus-visible {
  background: url('/footer/arrow-red.cd8a59297a718f4a.svg') no-repeat 84% 50%;
  color: var(--color-tt-red-alert) !important;
  text-decoration: none !important;
}

.tt-footer__more-cases-text {
  position: relative;
  top: 30px;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
}

@media (max-width: 768px) {
  .tt-footer__more-cases,
  .tt-footer__more-cases:hover,
  .tt-footer__more-cases:focus-visible {
    width: 300px;
    max-width: 100%;
  }
}