:root{--duration-animation-button: .3s;--transition-style-animation: ease-in-out}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-2);box-sizing:border-box;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.btn:focus-visible{outline:2px solid var(--color-information);outline-offset:2px}.btn-size-small{height:32px;padding:var(--spacing-6) var(--spacing-16);gap:var(--spacing-8)}.btn-size-small.btn-has-left-icon{padding-left:var(--spacing-12)}.btn-size-small.btn-has-right-icon{padding-right:var(--spacing-12)}.btn-size-small.btn-icon-only{width:32px;padding:var(--spacing-6)}.btn-size-small .btn__icon{width:16px;height:16px}.btn-size-medium{height:40px;padding:var(--spacing-8) var(--spacing-20);gap:var(--spacing-8)}.btn-size-medium.btn-has-left-icon{padding-left:var(--spacing-16)}.btn-size-medium.btn-has-right-icon{padding-right:var(--spacing-16)}.btn-size-medium.btn-icon-only{width:40px;padding:var(--spacing-8)}.btn-size-medium .btn__icon{width:16px;height:16px}.btn-size-large{height:48px;padding:var(--spacing-12) var(--spacing-24);gap:var(--spacing-8)}.btn-size-large.btn-has-left-icon{padding-left:var(--spacing-20)}.btn-size-large.btn-has-right-icon{padding-right:var(--spacing-20)}.btn-size-large.btn-icon-only{width:48px;padding:var(--spacing-12)}.btn-size-large .btn__icon{width:20px;height:20px}.btn-color-primary{background-color:var(--color-black);color:var(--color-white)}.btn-color-primary .btn__icon{color:var(--color-white)}.btn-color-primary:hover:not(:disabled){background-color:var(--color-grey-05)}.btn-color-primary:hover:not(:disabled) .btn__text{text-decoration:underline}.btn-color-primary:active:not(:disabled){background-color:var(--color-black)}.btn-color-primary:active:not(:disabled) .btn__text{text-decoration:none}.btn-color-primary:disabled{background-color:var(--color-grey-01);color:var(--color-grey-03);cursor:not-allowed}.btn-color-primary:disabled .btn__icon{color:var(--color-grey-03)}.btn-color-secondary{background-color:var(--color-white);color:var(--color-black);border:1px solid var(--color-black)}.btn-color-secondary .btn__icon{color:var(--color-black)}.btn-color-secondary:hover:not(:disabled){background-color:var(--color-grey-01)}.btn-color-secondary:hover:not(:disabled) .btn__text{text-decoration:underline}.btn-color-secondary:active:not(:disabled){background-color:var(--color-white)}.btn-color-secondary:active:not(:disabled) .btn__text{text-decoration:none}.btn-color-secondary:disabled{background-color:var(--color-grey-01);color:var(--color-grey-03);border-color:var(--color-grey-03);cursor:not-allowed}.btn-color-secondary:disabled .btn__icon{color:var(--color-grey-03)}.btn-color-conversion{background-color:transparent;border:1px solid var(--color-black);color:var(--color-black)}.btn-color-conversion .btn__icon{color:var(--color-black)}.btn-color-conversion:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-black) 4%,transparent)}.btn-color-conversion:hover:not(:disabled) .btn__text{text-decoration:underline}.btn-color-conversion:active:not(:disabled){background-color:transparent}.btn-color-conversion:active:not(:disabled) .btn__text{text-decoration:none}.btn-color-conversion:disabled{background-color:transparent;border-color:var(--color-grey-03);color:var(--color-grey-03);cursor:not-allowed}.btn-color-conversion:disabled .btn__icon{color:var(--color-grey-03)}.btn-color-transparent{background-color:color-mix(in srgb,var(--color-black) 20%,transparent);backdrop-filter:blur(4px);border-radius:var(--radius-full);color:var(--color-white)}.btn-color-transparent .btn__icon{color:var(--color-white)}.btn-color-transparent:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-black) 60%,transparent)}.btn-color-transparent:active:not(:disabled){background-color:var(--color-black);backdrop-filter:none}.btn-color-transparent:disabled{background-color:color-mix(in srgb,var(--color-grey-01) 80%,transparent);color:var(--color-grey-03);cursor:not-allowed}.btn-color-transparent:disabled .btn__icon{color:var(--color-grey-03)}.btn-color-loyalty{background-color:var(--color-loyalty-01);color:var(--color-white)}.btn-color-loyalty .btn__icon{color:var(--color-white)}.btn-color-loyalty:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-loyalty-01) 85%,black)}.btn-color-loyalty:hover:not(:disabled) .btn__text{text-decoration:underline}.btn-color-loyalty:active:not(:disabled){background-color:var(--color-loyalty-01)}.btn-color-loyalty:active:not(:disabled) .btn__text{text-decoration:none}.btn-color-loyalty:disabled{background-color:var(--color-grey-01);color:var(--color-grey-03);cursor:not-allowed}.btn-color-loyalty:disabled .btn__icon{color:var(--color-grey-03)}.btn__text{flex-shrink:0}.btn__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.btn__icon svg{width:100%!important;height:100%!important;display:block}.btn-full-width{width:100%}@media (hover: hover) and (pointer: fine){.btn-animated:not(:disabled){background-size:100% 200%;background-position:0 0;transition:background-position var(--duration-animation-button) var(--transition-style-animation),color var(--duration-animation-button) var(--transition-style-animation),border-color var(--duration-animation-button) var(--transition-style-animation)}.btn-animated:not(:disabled) .btn__icon{transition:color var(--duration-animation-button) var(--transition-style-animation)}.btn-animated.btn-color-primary:not(:disabled){background-image:linear-gradient(to top,var(--color-white) 0%,var(--color-white) 50%,var(--color-black) 50%,var(--color-black) 100%);border:1px solid var(--color-black)}.btn-animated.btn-color-primary:not(:disabled):hover{background-position:0 100%;color:var(--color-black)}.btn-animated.btn-color-primary:not(:disabled):hover .btn__icon{color:var(--color-black)}.btn-animated.btn-color-primary:not(:disabled):hover .btn__text{text-decoration:none}.btn-animated.btn-color-secondary:not(:disabled){background-image:linear-gradient(to top,var(--color-black) 0%,var(--color-black) 50%,var(--color-white) 50%,var(--color-white) 100%);border:1px solid var(--color-black)}.btn-animated.btn-color-secondary:not(:disabled):hover{background-position:0 100%;color:var(--color-white)}.btn-animated.btn-color-secondary:not(:disabled):hover .btn__icon{color:var(--color-white)}.btn-animated.btn-color-secondary:not(:disabled):hover .btn__text{text-decoration:none}.btn-animated.btn-color-conversion:not(:disabled){background-image:linear-gradient(to top,var(--color-black) 0%,var(--color-black) 50%,transparent 50%,transparent 100%);border:1px solid var(--color-black)}.btn-animated.btn-color-conversion:not(:disabled):hover{background-position:0 100%;color:var(--color-white)}.btn-animated.btn-color-conversion:not(:disabled):hover .btn__icon{color:var(--color-white)}.btn-animated.btn-color-conversion:not(:disabled):hover .btn__text{text-decoration:none}.btn-animated.btn-color-loyalty:not(:disabled){background-image:linear-gradient(to top,var(--color-loyalty-02) 0%,var(--color-loyalty-02) 50%,var(--color-loyalty-01) 50%,var(--color-loyalty-01) 100%);border:1px solid var(--color-loyalty-01)}.btn-animated.btn-color-loyalty:not(:disabled):hover{background-position:0 100%;color:var(--color-loyalty-01)}.btn-animated.btn-color-loyalty:not(:disabled):hover .btn__icon{color:var(--color-loyalty-01)}.btn-animated.btn-color-loyalty:not(:disabled):hover .btn__text{text-decoration:none}}