.button-base{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a1a;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;line-height:1.25;transition:background .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;display:inline-flex}.button-base:hover{color:#fff0c3;background:#222}.button-base:hover:disabled{color:#666;background:#282828;border-color:#666}.button-base:disabled{color:#666;cursor:default;background:#282828;border-color:#666}.button-variant-default{color:#fff0c3;border-color:#fff0c3}.button-variant-ghost{color:#fff0c3;background:0 0}.button-variant-secondary{color:#fff0c3;border-color:#000}.button-variant-secondary:hover{color:#fff0c3;background:#222}.button-size-default{height:2.25rem;padding:.5rem 1rem}.button-size-xs{height:1.2rem;padding:.1rem;font-size:.75rem;line-height:.75rem}.button-size-sm{height:2rem;padding:.5rem .75rem;font-size:.875rem;line-height:.875rem}.button-size-lg{height:2.5rem;padding:.75rem 1.5rem;font-size:1rem;line-height:1rem}.button-size-full{aspect-ratio:8;text-transform:uppercase;letter-spacing:.3em;width:100%;padding:.75rem 1.5rem;font-size:1.2rem}.button-size-icon{width:2rem;height:2rem;padding:0}