.btn{display:inline-flex;font-size:var(--font-size, 1.6rem);background-color:rgb(var(--background-color, var(--color-base-background-1)));color:rgb(var(--color, var(--color-base-text)));padding:var(--padding-top, 1rem) var(--padding-x, 2rem) var(--padding-bottom, .75rem);border:none;border-radius:0;cursor:pointer;width:fit-content;transition:all .3s ease;text-transform:uppercase;font-weight:600;text-decoration:none}.btn:hover{background-color:rgba(var(--hover-background-color, var(--color-base-background-1)),var(--hover-opacity, .8));color:rgb(var(--hover-color, var(--color-base-text)))}.btn.btn-sm{--font-size: 1.4rem;--padding-top: .5rem;--padding-bottom: .4rem;--padding-x: 1.5rem}.btn.btn-base{--font-size: 1.6rem;--padding-top: 1rem;--padding-bottom: .75rem;--padding-x: 2rem}.btn.btn-lg{--font-size: 1.8rem;--padding-top: 1.25rem;--padding-bottom: 1rem;--padding-x: 2rem}.btn.btn-primary{--background-color: var(--color-base-accent-1);--color: var(--color-base-solid-button-labels);--hover-background-color: var(--color-base-accent-1);--hover-color: var(--color-base-solid-button-labels)}.btn.btn-secondary{--background-color: var(--color-base-accent-2);--color: var(--color-base-solid-button-labels);--hover-background-color: var(--color-base-accent-2);--hover-color: var(--color-base-solid-button-labels)}.btn.btn-inverse{--background-color: var(--color-base-text);--color: var(--color-base-background-1);--hover-background-color: var(--color-base-text);--hover-color: var(--color-base-background-1)}.btn.btn-outline{--background-color: transparent;--color: var(--color-base-outline-button-labels);--hover-background-color: var(--color-base-outline-button-labels);--hover-color: var(--color-base-background-1);--hover-opacity: 1;border:2px solid rgb(var(--color-base-outline-button-labels))}.btn.btn-outline-inverse{--background-color: transparent;--color: var(--color-base-background-1);--hover-background-color: var(--color-base-background-1);--hover-color: var(--color-base-text);--hover-opacity: 1;border:2px solid rgb(var(--color-base-background-1))}.btn.btn-ghost{--background-color: transparent;--color: var(--color-base-text);--hover-color: var(--color-base-text);text-decoration:underline;padding:.5rem 1rem}.btn.btn-ghost:hover{text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/base-button.css.map */