/* Premium refinement for the hero CTA buttons. */
.nv-ai-hero__button {
  min-height: 62px !important;
  gap: 12px !important;
  padding-block: 0 !important;
}

.nv-ai-hero__button b {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  line-height: 0 !important;
  border-radius: 999px !important;
}

.nv-ai-hero__button--primary {
  padding: 0 14px 0 26px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.28), transparent 26%),
    linear-gradient(135deg, #6d28d9 0%, #ec4899 52%, #fb923c 100%) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 24px 54px rgba(236,72,153,.24),
    0 12px 28px rgba(109,40,217,.16),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.nv-ai-hero__button--primary b {
  color: #6d28d9 !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 12px 26px rgba(76,29,149,.16), inset 0 1px 0 rgba(255,255,255,.98) !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.nv-ai-hero__button--primary:hover {
  background:
    radial-gradient(circle at 82% 20%, rgba(255,255,255,.24), transparent 28%),
    linear-gradient(135deg, #5b21b6 0%, #db2777 48%, #f97316 100%) !important;
  box-shadow:
    0 30px 64px rgba(236,72,153,.30),
    0 14px 34px rgba(109,40,217,.20) !important;
}

.nv-ai-hero__button--primary:hover b {
  transform: translateX(4px) rotate(4deg) !important;
}

.nv-ai-hero__button--secondary {
  position: relative !important;
  min-height: 62px !important;
  gap: 12px !important;
  padding: 0 24px 0 12px !important;
  color: #24153f !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,247,252,.92)) padding-box,
    linear-gradient(135deg, #6d28d9, #ec4899, #fb923c) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 18px 42px rgba(76,29,149,.12),
    0 8px 22px rgba(236,72,153,.07),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
  backdrop-filter: blur(22px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
  overflow: hidden !important;
}

.nv-ai-hero__button--secondary::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background:
    linear-gradient(120deg, rgba(255,255,255,.52), transparent 28%),
    radial-gradient(circle at 18% 18%, rgba(109,40,217,.10), transparent 34%),
    radial-gradient(circle at 88% 22%, rgba(251,146,60,.12), transparent 30%);
  pointer-events: none;
}

.nv-ai-hero__button--secondary b {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  flex: 0 0 42px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #6d28d9, #ec4899, #fb923c) !important;
  box-shadow: 0 13px 26px rgba(236,72,153,.25), inset 0 1px 0 rgba(255,255,255,.32) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}

.nv-ai-hero__button--secondary b::before {
  content: "";
  width: 19px;
  height: 19px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M7%203v3M17%203v3M4%209h16M6%205h12a2%202%200%200%201%202%202v11a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2Zm3%209%202%202%204-5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M7%203v3M17%203v3M4%209h16M6%205h12a2%202%200%200%201%202%202v11a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2Zm3%209%202%202%204-5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.nv-ai-hero__button--secondary {
  font-size: 15.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.nv-ai-hero__button--secondary:hover {
  color: #fff !important;
  background:
    linear-gradient(135deg, #6d28d9, #ec4899, #fb923c) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.12)) border-box !important;
  border-color: transparent !important;
  box-shadow:
    0 24px 54px rgba(236,72,153,.24),
    0 10px 28px rgba(109,40,217,.15) !important;
}

.nv-ai-hero__button--secondary:hover b {
  color: #6d28d9 !important;
  background: #fff !important;
  transform: translateX(3px) rotate(4deg) !important;
  box-shadow: 0 14px 28px rgba(76,29,149,.16), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.nv-ai-hero__button--secondary:focus-visible {
  outline: 3px solid rgba(236,72,153,.28) !important;
  outline-offset: 4px !important;
}