.cta-contact {
  --cta-rgb: 242, 158, 30;
}

.cta-contact::after {
  box-shadow: 0 0 54px rgba(var(--cta-rgb), 0.22) !important;
}

.btn-contact {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 14px 18px !important;
  border-radius: var(--radius) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  color: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(242, 158, 30, 0.45) !important;
  background: linear-gradient(135deg, rgba(242, 158, 30, 0.24), rgba(155, 89, 182, 0.16)) !important;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.35) !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  transition:
    transform 0.14s ease,
    background 0.2s ease,
    border-color 0.2s ease,
    filter 0.2s ease,
    box-shadow 0.2s ease !important;
  user-select: none !important;
  will-change: transform !important;
}

.btn-contact::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -60% !important;
  width: 50% !important;
  height: 100% !important;
  display: block !important;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, 0.10) 25%,
    rgba(255, 255, 255, 0.82) 50%,
    rgba(255, 255, 255, 0.10) 75%,
    transparent 100%
  ) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
  mix-blend-mode: screen !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.btn-contact:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(242, 158, 30, 0.70) !important;
  background: linear-gradient(135deg, rgba(242, 158, 30, 0.28), rgba(155, 89, 182, 0.18)) !important;
  box-shadow:
    0 22px 70px rgba(0, 0, 0, 0.45),
    0 0 34px rgba(var(--cta-rgb), 0.16) !important;
}

.btn-contact:hover::after {
  opacity: 1 !important;
  animation: btnSheen 0.75s ease !important;
}

.btn-contact:active {
  transform: translateY(0) !important;
  filter: brightness(0.98) !important;
}

.btn-contact:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(242, 158, 30, 0.20),
    0 22px 70px rgba(0, 0, 0, 0.45) !important;
}

@keyframes btnSheen {
  from {
    left: -60%;
  }
  to {
    left: 120%;
  }
}