.button{background-color:var(--color-button-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;min-width:10dvh;margin:10px;padding:16px 12px;font-size:1.3rem;box-shadow:2px 2px 4px #0000004d}.button--inverse{background-color:var(--color-button-primary);box-shadow:2px 2px 4px #0000004d}.button:focus{outline:none}.button:hover{background-color:var(--color-button-primary-hover);box-shadow:3px 3px 5px #0000004d}.button:active,.button--active{transition:#ffc814 .1s ease;background-color:#ffc814}.button--danger{background:#850000;border-color:#850000}.button--danger:hover,.button--danger:active{background:#f34444;border-color:#f34444}.button--primary{background-color:var(--color-button-primary)}.button--primary:hover{background-color:var(--color-button-primary-hover)}.button--secondary{background-color:var(--color-button-secondary)}.button--secondary:hover{background-color:var(--color-button-secondary-hover)}.button--accent{background-color:var(--color-button-accent)}.button--accent:hover{background-color:var(--color-button-accent-hover)}.button:disabled,.button:hover:disabled,.button:active:disabled{color:#969696;cursor:not-allowed;background:#ccc;border-color:#ccc}.button--small{margin:4px 4px 4px 12px;padding:8px 12px;font-size:1rem}.button--medium{font-size:1.1rem}.button--large{font-size:1.3rem}.button--xlarge{width:350px;padding:60px 40px;font-size:2.5rem}@media (min-width:2500px){.button{font-size:1.3rem}}@media (hover:none) and (pointer:coarse){.button:hover{background-color:#e45a2f;box-shadow:3px 3px 5px #0000004d}}