.hero-service-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  color: #d5d9dc;
  font-size: 0.88rem;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: rgba(247, 182, 50, 0.65);
  text-underline-offset: 4px;
  transition: color 0.2s ease;
}

.hero-service-link svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  fill: var(--amber);
}

.hero-service-link:hover,
.hero-service-link:focus-visible {
  color: var(--amber);
}

@media (max-width: 640px) {
  .hero-service-link {
    width: 100%;
    justify-content: center;
    margin-top: 16px;
  }
}