.button{cursor:pointer;gap:.25rem;transition:all .2s ease-out;display:inline-flex;position:relative}.button,.button__icon{justify-content:center;align-items:center}.button__icon{display:flex}.button:after,.button:before{content:"";background-color:var(--white);transform-origin:100%;width:100%;height:100%;transition:.5s var(--ease-soft);position:absolute;top:0;left:0;transform:scaleX(0)}.button:after{mix-blend-mode:difference;pointer-events:none}.button:focus-visible:after,.button:focus-visible:before,.button:hover:after,.button:hover:before{transform:scaleX(1)}.button__icon,.button__text{position:relative}.button--primary,.button--secondary{padding:.75rem 1rem}@media (width>=1024px){.button--primary,.button--secondary{padding:.75rem 1.5rem}}.button--primary{background-color:var(--black);color:var(--white);border:.125rem solid var(--black);text-decoration:none}.button--primary .button__icon,.button--primary .button__text{mix-blend-mode:difference}.button--primary:focus-visible:after,.button--primary:hover:after{transform:scaleX(0)}.button--secondary{background-color:var(--white);color:var(--black);border:.125rem solid var(--white);text-decoration:none}.button--link{color:var(--black);padding:.125rem .25rem}.button--link .shared-icon{--size:1.25rem}.button--link .button__icon svg path{fill:currentColor}.button--icon-only{padding:.5rem}.button--icon-only .shared-icon{--size:1.75rem}@media (width>=1024px){.button--icon-only{padding:.125rem}.button--icon-only .shared-icon{--size:1.5rem}}@media (width<=1023px){.button--hide-text-on-mobile{padding:.5rem}.button--hide-text-on-mobile .button__text{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button--hide-text-on-mobile .shared-icon{--size:1.75rem}}.button--active:after,.button--active:before{transform:scaleX(1)}