/* === BUTTONS === */
.btn { display: inline-flex; align-items: center; gap: .5rem; padding: .8rem 1rem; border: none; border-radius: 30px; font-weight: 600; font-size: 1rem; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
.btn-primary { background: var(--color-accent); color:#001b1a; }
.btn-primary:hover { background: var(--color-danger); transform: translateY(-2px); box-shadow: 0 10px 25px rgba(45, 212, 191, 0.35); font-weight: 500; font-size: 1.2rem; }
.btn-secondary {color:#ffffff; border:2px solid var(--color-white); background-color: #fff; }
.btn--ghost,
.btn-secondary { background: rgba(255,255,255,.18); color:#fff; border:1px solid var(--color-glass-border-strong); }
.btn--ghost:hover,
.btn-secondary:hover { background: rgba(255, 255, 255, 0.26); border-color: rgba(255, 255, 255, 0.55); }
/* Primary on dark overlay/glass */
.btn--primary.btn--on-overlay, .header--glass .btn--primary { background: var(--color-danger); color: #fff; }
.btn--primary.btn--on-overlay:hover, .header--glass .btn--primary:hover { filter: brightness(1.08); }