.btn{display:inline-flex;align-items:center;justify-content:center;font-family:sans-serif;border-radius:.375rem;transition-property:all;transition-duration:var(--transition-base);outline:none}.btn:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.5)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-sm{font-size:.875rem;padding:.375rem .75rem}.btn-md{font-size:1rem;padding:.5rem 1rem}.btn-lg{font-size:1.125rem;padding:.75rem 1.25rem}.btn-primary{background-color:var(--color-primary);color:white}.btn-primary:hover{background-color:var(--color-hovering)}.btn-primary:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.btn-secondary{color:var(--color-dark)}.btn-secondary,.btn-secondary:hover{background-color:var(--color-highlight)}.btn-secondary:focus-visible{box-shadow:0 0 0 2px var(--color-highlight)}.btn-danger{background-color:var(--color-danger);color:white}.btn-danger:hover{background-color:var(--color-dark)}.btn-danger:focus-visible{box-shadow:0 0 0 2px var(--color-danger)}.btn-glory{background-color:var(--color-glory);color:white}.btn-glory:hover{filter:brightness(1.1)}.btn-glory:focus-visible{box-shadow:0 0 0 2px var(--color-glory)}.btn-outline{border:1px solid var(--color-dark);color:var(--color-dark);background-color:transparent}.btn-outline:hover{background-color:var(--color-dark);color:white}.btn-outline:focus-visible{box-shadow:0 0 0 2px var(--color-dark)}.btn-ghost{background-color:transparent;color:var(--color-dark)}.btn-ghost:hover{background-color:var(--color-dark-soft)}.btn-ghost:focus-visible{box-shadow:0 0 0 2px var(--color-dark)}