.button{--min-height:40px;--horizontal-padding:14px;--text-horizontal-padding:4px;--gap:4px;--vertical-padding:0;--border-radius:8px;--icon-size:16px;height:var(--height);min-height:40px;min-height:var(--min-height);padding-right:14px;padding-right:var(--horizontal-padding);padding-left:14px;padding-left:var(--horizontal-padding);color:var(--color);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition-property:color;transition-duration:.45s;display:inline-flex;position:relative;overflow:hidden}.button--disabled,.button--loading{cursor:default}@media (max-width:768px){.button{--horizontal-padding:10px;--text-horizontal-padding:2px;--gap:4px}}.button--full-width{width:100%}.button--theme-shining-primary{--background-color:var(--primary-main);--color:var(--white)}.button--theme-shining-primary.button--disabled{--background-color:rgba(var(--primary-main-rgb),.8)}.button--theme-primary{--background-color:var(--primary-main);--color:var(--canary-main)}.button--theme-primary.button--disabled{--background-color:rgba(var(--primary-main-rgb),.8)}.button--theme-shining-canary{--background-color:var(--canary-main);--color:var(--primary-main)}.button--theme-shining-canary.button--disabled{--background-color:rgba(var(--canary-main-rgb),.8)}.button--theme-canary{--background-color:var(--canary-main);--color:var(--primary-main)}.button--theme-canary.button--disabled{--background-color:rgba(var(--canary-main-rgb),.8)}.button--theme-transparent-beige{--background-color:rgba(var(--beige-main-rgb),.2);--color:var(--beige-main);border:1px solid rgba(var(--beige-main-rgb),.05)}.button--theme-transparent-beige.button--disabled{--background-color:rgba(var(--beige-main-rgb),.2)}.button--theme-light{--background-color:rgba(var(--beige-main-rgb),.2);--color:var(--primary-main);border:1px solid rgba(var(--black-rgb),.1)}.button--theme-white{--background-color:white;--color:var(--primary-main);border:1px solid #fff}.button--theme-outline{--background-color:rgba(var(--primary-main-rgb),0);--color:var(--primary-main);border:1px solid var(--primary-main)}.button--theme-outline-beige{--background-color:rgba(var(--primary-main-rgb),0);--color:var(--primary-main);border:1px solid rgba(var(--primary-main-rgb),.1)}.button--theme-shining-primary:hover{--background-color:var(--primary-800)}.button--theme-shining-canary:hover{--background-color:var(--canary-600)}.button--theme-transparent-beige:hover{--background-color:rgba(var(--beige-main-rgb),.25)}.button--theme-light:hover{--background-color:var(--beige-50)}.button--theme-white:hover{--background-color:rgba(var(--white-rgb),.8)}.button--theme-outline:hover,.button--theme-outline-beige:hover{--background-color:rgba(var(--primary-main-rgb),.1)}.button--theme-shining-primary:active{--background-color:var(--primary-main)}.button--theme-shining-canary:active{--background-color:var(--canary-main)}.button--theme-transparent-beige:active{--background-color:rgba(var(--beige-main-rgb),.2)}.button--theme-light:active{--background-color:transparent}.button--theme-white:active{--background-color:white}.button--theme-outline:active{--background-color:rgba(var(--primary-main-rgb),.2)}.button--theme-outline-beige:active{--background-color:rgba(var(--primary-main-rgb),0)}.button__background{background-color:var(--background-color);transition-property:opacity,background-color;transition-duration:.2s;position:absolute;inset:0}.button__background video,.button__background img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.button__background__hdr-video{display:none}@supports ((-webkit-appearance:none)) and (stroke-color:transparent){.button__background__hdr-video{display:block}}.button__content{width:100%;height:var(--height);min-height:var(--min-height);justify-content:center;align-items:center;display:inline-flex}.button--full-width .button__content{width:100%;margin:auto;display:flex}.button__spinner{pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:absolute;inset:0;transform:translateY(24px)}.button--loading .button__spinner{opacity:1;transform:translateY(0)}.button__text{z-index:0;padding-top:var(--vertical-padding);padding-right:var(--text-horizontal-padding);padding-bottom:var(--vertical-padding);padding-left:var(--text-horizontal-padding);font-family:var(--font-family-text);font-size:var(--font-size-16);letter-spacing:.0125em;color:inherit;text-align:center;font-weight:500;line-height:1.25;-webkit-text-decoration:none;text-decoration:none;transition:opacity .2s,transform .2s}.button--loading .button__text{opacity:0;transform:translateY(24px)}*+.button__text{margin-left:var(--gap)}.button__text:after{content:"";border-radius:var(--border-radius);display:block;position:absolute;inset:0}.button__text strong{font-weight:800}.button__icon{width:var(--icon-size);height:var(--icon-size);justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:relative}*+.button__icon{margin-left:var(--gap)}.button--loading .button__icon{opacity:0}.button--theme-white.button--disabled .button__icon{filter:grayscale();transition-property:all;transition-duration:.2s}.button__icon img,.button__icon svg{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}