.button{display:flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.75rem;font-family:var(--font-title),system-ui,sans-serif;font-weight:700;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button,.button:focus{outline:2px solid transparent;outline-offset:2px}.button{color:#fff}.button:hover{color:#174195}.button-arcade{font-weight:700;font-family:var(--font-title),system-ui,sans-serif;font-size:.875rem;line-height:1.25rem;text-transform:uppercase;letter-spacing:.05em;position:relative;border:3px solid #6bc459;background:linear-gradient(145deg,#6bc459,#5aa84a);color:#fff;box-shadow:0 6px 0 #4a9f3a,0 8px 0 #3d8a2f,0 10px 20px rgba(107,196,89,.3);transform:translateY(0);transition:all .1s ease;padding:12px 24px;border-radius:8px;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;white-space:nowrap}.button-arcade:hover{transform:translateY(2px);box-shadow:0 4px 0 #4a9f3a,0 6px 0 #3d8a2f,0 8px 20px rgba(107,196,89,.4);color:#174195}.button-arcade:active{transform:translateY(6px);box-shadow:0 0 0 #4a9f3a,0 2px 0 #3d8a2f,0 4px 10px rgba(107,196,89,.2)}.button-arcade-orbitron{font-family:var(--font-title),system-ui,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;position:relative;border:3px solid #174195;background:linear-gradient(145deg,#174195,#12347a);color:#fff;box-shadow:0 6px 0 #0f2a66,0 8px 0 #0c2252,0 10px 20px rgba(23,65,149,.3);transform:translateY(0);transition:all .1s ease;padding:12px 24px;border-radius:8px;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;white-space:nowrap}.button-arcade-orbitron:hover{transform:translateY(2px);box-shadow:0 4px 0 #0f2a66,0 6px 0 #0c2252,0 8px 20px rgba(23,65,149,.4);color:#174195}.button-arcade-orbitron:active{transform:translateY(6px);box-shadow:0 0 0 #0f2a66,0 2px 0 #0c2252,0 4px 10px rgba(23,65,149,.2)}.button-arcade-spring{font-family:var(--font-title),system-ui,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;position:relative;border:3px solid #6bc459;background:linear-gradient(145deg,#6bc459,#5aa84a);color:#fff;box-shadow:0 6px 0 #4a9f3a,0 8px 0 #3d8a2f,0 10px 20px rgba(107,196,89,.3);transform:translateY(0);transition:all .1s ease;padding:12px 24px;border-radius:8px;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;white-space:nowrap}.button-arcade-spring:hover{transform:translateY(2px);box-shadow:0 4px 0 #4a9f3a,0 6px 0 #3d8a2f,0 8px 20px rgba(107,196,89,.4);color:#174195}.button-arcade-spring:active{transform:translateY(6px);box-shadow:0 0 0 #4a9f3a,0 2px 0 #3d8a2f,0 4px 10px rgba(107,196,89,.2)}