.td-idx-backlink {
  --teal: #2ebfb1;
  --teal-dark: #25a99c;
  --white: #fff;
  --light-gray: #f5f5f5;
  --mid-gray: #dddddd;
  padding: 32px 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.td-idx-backlink-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}

.td-idx-backlink-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  padding: 13px 22px;
  border-radius: 10px;
  background: var(--teal);
  color: var(--white);
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.4;
  text-decoration: none;
  transition: background-color 0.15s ease;
}

.td-idx-backlink-btn::after {
  content: '\2192';
  font-weight: 400;
}

.td-idx-backlink-btn:hover,
.td-idx-backlink-btn:focus {
  background: var(--teal-dark);
  color: var(--white);
}

.td-idx-backlink-btn:focus-visible {
  outline: 3px solid rgba(46, 191, 177, 0.55);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: no-preference) {
  .td-idx-backlink-btn::after {
    transition: transform 0.15s ease;
  }

  .td-idx-backlink-btn:hover::after {
    transform: translateX(3px);
  }
}

@media (max-width: 640px) {
  .td-idx-backlink {
    padding: 24px 0;
  }

  .td-idx-backlink-inner {
    padding: 0 16px;
  }
}