.btn{--bt: #2a5054;font:400 var(--font-size-t-lg)/1.5 var(--font-text);letter-spacing:.05em;display:inline-flex;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;color:var(--bt);white-space:nowrap}.btn>span{padding:.2917em .83em;transition:transform .15s linear,background .1s linear}.btn--secondary{display:flex;flex-direction:row;align-items:center;justify-content:normal;position:relative;margin-left:.83em;transition:color .03s linear}.btn--secondary>span{position:relative;padding:.2917em 0;background:linear-gradient(90deg, var(--color-accent-1) 50%, var(--bt) 0) var(--p, 100%)/200% no-repeat;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);transition:background 275ms ease;-webkit-text-fill-color:rgba(0,0,0,0)}.btn--secondary:after{display:block;margin-left:.417em;width:.417em;height:.75em;background:currentcolor;transition:transform .1s cubic-bezier(0.215, 0.61, 0.355, 1);content:"";-webkit-mask:url("../../../static/images/btn-arrow.svg") no-repeat center/contain;mask:url("../../../static/images/btn-arrow.svg") no-repeat center/contain;mask-mode:alpha}.btn--secondary:hover{--p: 0%;color:var(--bt)}.btn--secondary:hover:after{transform:translate3d(0.2em, 0, 0);color:var(--color-accent-1)}.btn--primary{position:relative;transition:transform .1s linear,color .1s linear}.btn--primary>span{position:relative;background:var(--color-accent-1);border-radius:99px;overflow:hidden}.btn--primary>span span{position:relative}.btn--primary>span:after,.btn--primary>span:before{position:absolute;top:0;left:0;padding:.2917em .83em;width:100%;height:100%;background:var(--bt);-webkit-clip-path:circle(0% at 50% 50%);clip-path:circle(0% at 50% 50%);color:var(--color-accent-1);content:var(--title)}.btn--primary>span:after{transition-delay:.4s}.btn--primary>span:before{z-index:3;background:var(--color-accent-1);border-radius:99px;-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%);overflow:hidden;color:var(--bt);transition:-webkit-clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1)}.btn--primary:before{position:absolute;top:0;left:0;z-index:0;width:calc(100% - .167em);height:100%;background:#e2dab7;border-radius:99px;transform:translate3d(0.167em, 0.167em, 0);content:""}.btn--primary:hover{transform:perspective(20em) translate3d(calc(-1em + var(--mouse-progress-x) * 2em), calc(-0.5em + var(--mouse-progress-y) * 1em), 0) rotateY(calc(-12deg + var(--mouse-progress-x) * 24deg)) rotateX(calc(12deg - var(--mouse-progress-y) * 24deg));color:var(--bt)}.btn--primary:hover:before{transform:perspective(20em) translate3d(calc(0.334em - var(--mouse-progress-x) * 0.334em), 0.167em, 0)}.btn--primary:hover>span:after{-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%);transition:-webkit-clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1)}.btn--primary:hover>span:before{-webkit-clip-path:circle(0% at 50% 50%);clip-path:circle(0% at 50% 50%);transition:none}