/* Tactile buttons: lift slightly on hover, sink into their shadow when pressed. */
.button,
.btn.btn-primary{
 transition:transform .12s ease,box-shadow .12s ease,background-color .15s ease;
}
.button:hover{background:var(--blue);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}
.btn.btn-primary:hover{background:var(--blue);color:#fff;transform:translate(-2px,-2px);box-shadow:6px 7px 0 var(--navy)}
.button:active,
.btn.btn-primary:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--navy);transition-duration:.05s}
/* Touch screens keep a sticky hover after a tap; skip the lift there and keep only the press. */
@media(hover:none){
 .button:hover{transform:none;box-shadow:4px 4px 0 var(--navy)}
 .btn.btn-primary:hover{transform:none;box-shadow:4px 5px 0 var(--navy)}
}
@media(prefers-reduced-motion:reduce){
 .button,.btn.btn-primary{transition:none}
}