/* ============================================
   GLASS BUTTON STYLES
   Transparent glass effect with color tint
   ============================================ */

/* Hero & CTA buttons - larger */
.hero-cta,
.cta-btn--primary {
  background: rgba(193, 122, 92, 0.25) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(193, 122, 92, 0.4) !important;
  box-shadow:
    0 4px 20px rgba(193, 122, 92, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  transition: all 0.3s ease !important;
}

.hero-cta:hover,
.cta-btn--primary:hover {
  background: rgba(193, 122, 92, 0.4) !important;
  border-color: rgba(212, 150, 122, 0.6) !important;
  transform: translateY(-2px) !important;
  box-shadow:
    0 8px 30px rgba(193, 122, 92, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Header button - smaller & glass */
.header-nav-link--cta {
  padding: 0.5rem 1.25rem !important;
  font-size: 0.85rem !important;
  background: rgba(193, 122, 92, 0.2) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(193, 122, 92, 0.35) !important;
  box-shadow:
    0 2px 12px rgba(193, 122, 92, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transition: all 0.3s ease !important;
}

.header-nav-link--cta:hover {
  background: rgba(193, 122, 92, 0.35) !important;
  border-color: rgba(212, 150, 122, 0.5) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 4px 18px rgba(193, 122, 92, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}