2026-05-26 20:28:49 -05:00
|
|
|
.button {
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
background: #a8d5e8;
|
|
|
|
|
border: none;
|
|
|
|
|
border-radius: 1rem;
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
|
|
|
|
|
transition: transform 80ms ease, box-shadow 80ms ease;
|
|
|
|
|
}
|
|
|
|
|
|
2026-05-26 23:59:45 -05:00
|
|
|
.button:active:not(:disabled) {
|
2026-05-26 20:28:49 -05:00
|
|
|
transform: translateY(2px);
|
|
|
|
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
|
|
|
|
|
}
|
2026-05-26 23:59:45 -05:00
|
|
|
|
|
|
|
|
.button:disabled {
|
|
|
|
|
opacity: 0.45;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
}
|
