.button{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--theme-primary);letter-spacing:-.0125rem;font-weight:250;height:2.5rem;border-radius:var(--rounded-full)}@media (min-width: 800px){.button{height:3.8888888889vw}}.button{padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 800px){.button{padding-left:2.2222222222vw;padding-right:2.2222222222vw}}@media (max-width: 799px){.button{padding-left:1.25rem;padding-right:1.25rem}}@media (min-width: 800px){.button{font-size:1.3194444444vw;letter-spacing:-.0208333333vw}}.button>*{pointer-events:none}.button-default{background-color:transparent;color:var(--theme-secondary)}.button-default .button-bg{border-color:var(--theme-accent);background-color:var(--theme-accent)}.button-outlined{position:relative;background-color:transparent;border:.5px solid var(--theme-accent)}@media (min-width: 800px){.button-outlined{border:.5px solid var(--theme-accent)}}.button-round{position:relative;display:flex;align-items:center;justify-content:center;color:var(--theme-secondary);background-color:var(--theme-accent);border-radius:var(--rounded-full);width:2.5rem;height:2.5rem}@media (min-width: 800px){.button-round{width:3.125vw;height:3.125vw}}@media (max-width: 799px){.button-round{width:var(--button-round-size-small);height:var(--button-round-size-small)}}.button-bg{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1);transition:transform 1.8s var(--ease-out-expo);background-color:var(--theme-accent);height:2.5rem;border-radius:var(--rounded-full)}@media (min-width: 800px){.button-bg{height:3.8888888889vw}}.button-bg-layers{display:block;position:absolute;left:50%;transform:translate(-50%);top:-60%;aspect-ratio:1/1;width:max(200%,10rem)}@media (min-width: 800px){.button-bg-layers{width:max(200%,13.8888888889vw)}}.button-bg-layer{display:block;border-radius:9999px;position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0)}.button-inner{position:relative}.button-inner,.button-inner-hover,.button-inner-static{pointer-events:none;display:block}.button-inner-hover{position:absolute;top:0;left:0;opacity:0;transform:translateY(70%)}.button-outlined-bg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:auto;height:2.5rem;border-radius:var(--rounded-full)}@media (min-width: 800px){.button-outlined-bg{height:3.8888888889vw}}.button-outlined-bg .button-circle{stroke-dasharray:1;stroke-dashoffset:1;fill:none}.button-outlined-bg .button-circle.-layer-1{stroke-dashoffset:0;stroke:var(--theme-accent)}.button-outlined-bg .button-circle.-layer-2,.button-outlined-bg .button-circle.-layer-3,.button-outlined-bg .button-circle.-layer-4{stroke:var(--theme-primary)}.button-outlined-bg .button-circle.-hover{stroke:var(--theme-accent)}.button-circles{transform-box:fill-box;transform-origin:center;transform:rotate(.1deg)}.button.button-round.button-arrow{padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;width:2.5rem;height:2.5rem}@media (min-width: 800px){.button.button-round.button-arrow{width:3.125vw;height:3.125vw}}@media (max-width: 799px){.button.button-round.button-arrow{width:var(--button-round-size-small);height:var(--button-round-size-small)}}.button.button-round.button-arrow .arrow-icon{font-size:1.5rem;font-weight:400;line-height:1;color:inherit;display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (min-width: 800px){.button.button-round.button-arrow .arrow-icon{font-size:1.6666666667vw}}.button.button-round.button-arrow .button-bg{border-radius:50%;transition:transform 1.4s var(--ease-out-expo)}.button.button-round.button-arrow .button-bg-layers,.button.button-round.button-arrow .button-bg-layer{border-radius:50%}.button.button-round.button-arrow .button-inner-static{transform:translate(0);transition:transform 1.4s var(--ease-out-expo),opacity .3s linear}.button.button-round.button-arrow .button-inner-hover{opacity:0;transform:translate(-100%);transition:transform 1.4s var(--ease-out-expo),opacity 1.4s var(--ease-out-expo)}[data-button-svg]{border-style:none}@media (hover: hover){.button:hover{cursor:pointer}.button:hover .button-bg{transform:scale(.95)}.button:hover .button-inner-static{opacity:0;transform:translateY(-70%);transition:transform 1.4s var(--ease-out-expo),opacity .3s linear}.button:hover .button-inner-hover{opacity:1;transform:translateY(0);transition:transform 1.4s var(--ease-out-expo),opacity 1.4s var(--ease-out-expo)}.button:hover .button-circles,.button-round:hover .button-circles{transform:rotate(90deg);transition:transform 1.4s var(--ease-out-custom)}.button:hover .button-circles-o,.button-round:hover .button-circles-o{opacity:0;transition:opacity .1s linear;transition-delay:1.2s}.button-outlined:hover .button-circle{transition:stroke-dashoffset 1.4s var(--ease-out-custom);stroke-dashoffset:0;stroke-dasharray:1}.button-outlined:hover .button-circle.-layer-2{transition-duration:1.4s}.button-outlined:hover .button-circle.-layer-3{transition-delay:.15s;transition-duration:1.25s}.button-outlined:hover .button-circle.-layer-4{transition-delay:.3s;transition-duration:1.1s}.button-outlined:hover .button-circle.-hover{transition-delay:.45s;transition-duration:.95s}.button-default:hover .button-circles{transform:rotate(.1deg)}.button-default:hover .button-circles-o{opacity:1}.button.button-round.button-arrow:hover .button-inner-static{opacity:0;transform:translate(100%)}.button.button-round.button-arrow:hover .button-inner-hover{opacity:1;transform:translate(0)}.button.button-round.button-arrow:hover .button-bg{transform:scale(.95)}}
