.btn{--btn-border-width:2px;padding:calc(1rem - 2*var(--btn-border-width))1.5rem;border-width:var(--btn-border-width);transition:all .3s ease-out}.btn-small{padding:.5rem 1rem}.btn-round{padding:calc(.75rem - 2*var(--btn-border-width))}.btn-small.btn-round{padding:.375rem}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover,.link-btn:hover .btn-primary{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:active,.link-btn:active .btn-primary{background-color:var(--primary-pressed);border-color:var(--primary-pressed)}.btn-primary:disabled,.link-btn:disabled .btn-primary{background-color:var(--disabled);border-color:var(--disabled)}.btn-secondary{background-color:var(--auxiliarywhite);border-color:var(--tertiary)}.btn-secondary:hover{background-color:var(--tertiary-hover)}.btn-secondary:active{background-color:var(--tertiary-pressed)}.btn-secondary:disabled{background-color:var(--auxiliarywhite);border-color:#d1d5db}.btn-secondary-inverted{color:#fff;background-color:#0000;border-color:#fff}.btn-secondary-inverted:hover{background-color:#fff3}.btn-secondary-inverted:active{background-color:#ffffff1a}.btn-secondary-inverted:disabled{background-color:var(--auxiliarywhite);border-color:#d1d5db}.btn-ondark{background-color:#ffffff26;border-color:#0000}.btn-ondark .icon{color:#fff}.btn-ondark:hover{background-color:#ffffff40}.btn-ondark:active{background-color:#ffffff4d}.btn-ondark:disabled{opacity:.5}.btn-primary:disabled,.btn-secondary:disabled,.link-btn:disabled,.link-btn:disabled .icon{color:var(--text-disabled)}