/* ---------- Buttons ---------- */
.btn{font-weight:700;letter-spacing:.4px;border-radius:8px;transition:.3s;display:inline-flex;align-items:center;gap:.55rem;position:relative;overflow:hidden}
.btn-red{background:linear-gradient(180deg,var(--red-light) 0%,var(--red) 45%,var(--red-dark) 100%);color:#fff;border:none;
  box-shadow:0 10px 24px rgba(200,16,46,.35),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-red:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 32px rgba(200,16,46,.45)}
.btn-red::after,.btn-metal::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:.6s}
.btn-red:hover::after,.btn-metal:hover::after{left:130%}
.btn-metal{background:linear-gradient(180deg,#f8f9fa 0%,#d7dade 25%,#9aa0a8 55%,#e8eaed 75%,#b9bec6 100%);color:#15171a;border:none;font-weight:800;
  box-shadow:0 8px 20px rgba(0,0,0,.25),inset 0 1px 0 #fff}
.btn-metal:hover{color:#000;transform:translateY(-2px)}
.btn-black{background:#0e0e12;color:#fff;border:1px solid rgba(255,255,255,.15)}
.btn-black:hover{color:#fff;background:#000;transform:translateY(-2px)}
.btn-emergency{padding:.55rem 1.3rem;font-size:.85rem;text-transform:uppercase;animation:glowPulse 2.6s infinite}
@keyframes glowPulse{0%,100%{box-shadow:0 0 0 0 rgba(200,16,46,.55)}50%{box-shadow:0 0 0 12px rgba(200,16,46,0)}}