.button{--ease:cubic-bezier(0.65,0,0.35,1);--unit:var(--button-size);display:inline-flex;align-items:center;gap:calc(var(--unit)*.625);padding:0;border:0;background:none;color:var(--color1);font-family:var(--font3);font-size:var(--unit);font-weight:400;letter-spacing:.03em;line-height:1.375;text-align:left;text-transform:uppercase;white-space:nowrap;cursor:pointer}.button .btn-icon,.button>.photo{flex-shrink:0;width:calc(var(--unit)*1.869);height:calc(var(--unit)*2.244);transform-origin:50% 100%;transition:rotate .5s var(--ease)}.button>.photo svg{width:100%;height:100%}.button>.photo svg path{fill:currentColor}.button .btn-line{flex-shrink:0;width:.5px;height:calc(var(--unit)*1.5);background:currentColor;transition:scale .5s var(--ease)}.button .btn-name{position:relative;display:block;overflow:hidden}.button .btn-name:after,.button .btn-name>span{display:block;transition:translate .55s var(--ease)}.button .btn-name:after{content:attr(data-text);content:attr(data-text)/"";position:absolute;inset:0;translate:0 100%}.button:focus-visible .btn-icon,.button:focus-visible>.photo,.button:hover .btn-icon,.button:hover>.photo{rotate:-12deg}.button:focus-visible .btn-line,.button:hover .btn-line{scale:1 1.5}.button:focus-visible .btn-name>span{translate:0 -100%}.button:focus-visible .btn-name:after{translate:0 0}@media(hover:hover){.button:hover .btn-name>span{translate:0 -100%}.button:hover .btn-name:after{translate:0 0}}.button:disabled{opacity:.6;cursor:default;pointer-events:none}.button-phone{display:inline-flex;align-items:center;gap:12px;color:inherit;transition:color .25s ease}.button-phone svg{width:15px;height:15px;flex-shrink:0;color:var(--color1)}.button-phone .button-phone-text{display:flex;flex-direction:column;gap:2px;text-align:left}.button-phone .button-phone-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.button-phone .button-phone-number{font-size:15px;line-height:1.2}.button-phone:focus-visible,.button-phone:hover{color:var(--color1)}.button-phone-round{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--color1);color:var(--white);transition:background .25s ease}.button-phone-round svg{width:15px;height:15px;flex-shrink:0}.button-phone-round .button-phone-legend{display:none}.button-phone-round:hover{background:var(--color3)}