.icon{--size: calc(var(--s2) * 2.4);display:inline-block;width:var(--width, var(--size));min-width:var(--width, var(--size));height:var(--height, var(--size));background-color:var(--color, var(--color-primary))}button{--button-color: var(--color-primary);color:var(--button-color)}.button{--button-color: var(--color-primary-contrast);--button-background: var(--color-primary);--button-padding: 1em 2em;--button-radius: 3em;background:none;border:none;background-color:var(--button-background);color:var(--button-color);padding:var(--button-padding);border-radius:var(--button-radius);display:inline-block;text-decoration:none}.button:hover{cursor:pointer}.button--color-primary{--button-color: var(--color-primary-contrast);--button-background: var(--color-primary)}.button--color-secondary{--button-color: var(--color-secondary-contrast);--button-background: var(--color-secondary)}.button--color-tertiary{--button-color: var(--color-primary-contrast);--button-background: var(--color-tertiary)}.button__text,.button__index{font-size:var(--fs-xs);line-height:var(--lh-xs);letter-spacing:var(--ls-xs);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400)}.button__text:empty,.button__index:empty{display:none}.button__index{margin-right:var(--s)}.button--naked{background:none;border:none;--button-color: var(--color-primary)}.button--naked.button--color-primary{--button-color: var(--color-primary)}.button--naked.button--color-primary .icon{--color: var(--color-primary)}.button--naked.button--color-secondary{--button-color: var(--color-secondary)}.button--naked.button--color-secondary .icon{--color: var(--color-secondary)}.button--naked.button--color-tertiary{--button-color: var(--color-tertiary)}.button--naked.button--color-tertiary .icon{--color: var(--color-tertiary)}.button--naked .button__text,.button--naked .button__index{font-size:var(--fs-xs);line-height:var(--lh-xs);letter-spacing:var(--ls-xs);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400);font-variation-settings:"wght" 300;transition:font-variation-settings .2s ease-in-out}.button--naked .button__index{margin:0 var(--s)}.button__dropdown{background:none;border:none;display:flex;align-items:center}.button__dropdown .button__text{margin-right:var(--s);display:block}.button__dropdown .icon{display:block;transform:rotate(-180deg);transition:all .3s ease-in-out;--color: var(--color-primary-300)}.button__dropdown.active .icon{transform:rotate(0)}.button--play-button,.button--pause-button{display:flex;align-items:center;padding:0;background-color:transparent}.button--play-button:hover,.button--pause-button:hover{cursor:none}.button--play-button .button__text,.button--pause-button .button__text{border-radius:var(--s5);background-color:var(--color-primary-contrast);color:var(--color-primary);padding:var(--s) var(--s3);text-transform:uppercase;font-size:var(--fs-base);line-height:var(--lh-base);letter-spacing:var(--ls-base);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400);white-space:nowrap}.button--icon-only{background:transparent}.button--arrow-button,.button--arrow-button-outline{background:transparent;flex-direction:row;padding:0;display:flex}.button--arrow-button svg,.button--arrow-button-outline svg{--animation-delay: .5s;border-radius:999px;overflow:hidden;min-width:40px}.button--arrow-button svg circle,.button--arrow-button-outline svg circle{transform-origin:center;transform:scale(0)}.button--arrow-button svg path,.button--arrow-button-outline svg path{transform:translate(-100%)}.button--arrow-button .button__text,.button--arrow-button-outline .button__text{position:relative;font-size:var(--fs-base);line-height:var(--lh-base);letter-spacing:var(--ls-base);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400);height:40px;display:flex;align-items:center}.button--arrow-button .button__text--hidden,.button--arrow-button-outline .button__text--hidden{opacity:0}.button--arrow-button .button__text>span,.button--arrow-button-outline .button__text>span{position:relative;z-index:1;overflow:hidden}.button--arrow-button .button__text>span>span,.button--arrow-button-outline .button__text>span>span{transform:translate(-100%);opacity:0;display:block;padding:0 var(--s3);white-space:nowrap}.button--arrow-button .button__text>span+span,.button--arrow-button-outline .button__text>span+span{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;right:0;top:0;z-index:0}.button--arrow-button .button__text>span+span:after,.button--arrow-button-outline .button__text>span+span:after{border-radius:999px;content:"";background:var(--color-primary);width:100%;height:100%;max-width:40px;transform-origin:center;transform:scale(0)}.button--arrow-button-outline{align-items:center}.button--arrow-button-outline .button__text{color:var(--color-primary);transition:color .2s ease-in-out}.button--arrow-button-outline .button__text>span+span:after{background-color:transparent;border:1px solid var(--color-primary);transition:background-color .2s ease-in-out}.button--arrow-button-outline:hover .button__text{color:var(--color-light)}.button--arrow-button-outline:hover .button__text>span+span:after{background-color:var(--color-primary)}.button--tag{display:flex;flex-direction:row;align-items:center;width:fit-content;color:var(--color-primary);background-color:var(--color-primary-200)}.button--expandable{display:flex;flex-direction:row;align-items:center;overflow:hidden;background-color:transparent;padding:0}.button--expandable:hover,.button--expandable.active{z-index:7}.button--expandable:hover .button__text,.button--expandable.active .button__text{animation:slide-in .6s forwards}.button--expandable .icon{position:relative;z-index:2;border-radius:100%;width:var(--s5);height:var(--s5)}.button--expandable .button__text{position:relative;width:max-content;left:-100%;opacity:0;z-index:1;transition:3s ease-in-out all;border-radius:var(--s5);background-color:var(--color-primary);color:var(--color-primary-contrast);padding:var(--s) calc(var(--s) * 2.5);font-size:var(--fs-base);line-height:var(--lh-base);letter-spacing:var(--ls-base);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400)}@keyframes slide-in{0%{left:-100%;opacity:0}60%{opacity:0}70%{opacity:.5}to{left:0;opacity:1}}