.button{--btn-reveal-bg:#fff;--btn-reveal-color:var(--color1);--btn-icon-w:35px;--btn-padding-x:25px;--btn-icon-offset:calc(var(--btn-padding-x) + var(--btn-icon-w) / 2);position:relative;isolation:isolate;overflow:hidden;text-transform:uppercase;font-weight:600;background:var(--color1);border:2px solid #fff;text-align:center;color:#fff;padding:5px var(--btn-padding-x);font-size:10px;transition:border-color .7s,color .7s;letter-spacing:1px;display:flex;align-items:center;gap:10px;justify-content:center}.button .btn-name,.button .photo{position:relative;z-index:2}.button:before{content:"";position:absolute;top:50%;left:var(--btn-icon-offset);width:250%;aspect-ratio:1;border-radius:50%;background:var(--btn-reveal-bg);transform:translate(-50%,-50%) scale(0);transition:transform .7s ease-out;z-index:-1}.button:hover{border-color:#f9dc29;color:var(--btn-reveal-color)}.button:hover:before{transform:translate(-50%,-50%) scale(1);transition-duration:.9s}.button:hover .photo svg path{fill:var(--btn-reveal-color)}.button .photo{margin:0;width:35px;height:35px}.button .photo svg{width:100%;height:100%}.button .photo svg path{fill:#fff;transition:fill .7s}@media screen and (min-width:1280px){.button{font-size:12px}}.button-phone-round{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:hsla(0,0%,100%,.9);box-shadow:0 2px 8px rgba(0,0,0,.1);color:var(--color1);transition:background .4s,color .4s}.button-phone-round svg{width:14px;height:14px;flex-shrink:0}.button-phone-round .button-phone-legend{display:none}@media screen and (min-width:1280px){.button-phone-round:hover{background:var(--color1);color:#fff}.button-phone-round:focus-visible .button-phone-legend,.button-phone-round:hover .button-phone-legend{opacity:1;visibility:visible;transform:translate(-50%)}.button-phone-round .button-phone-legend{display:block;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);padding:4px 10px;border-radius:4px;background:var(--color1);color:#fff;font-size:11px;letter-spacing:.5px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,transform .3s,visibility .3s}}.bg .button.button{--btn-padding-x:18px;--btn-reveal-bg:#fff;--btn-reveal-color:var(--color1);background:transparent;border:1px solid hsla(0,0%,100%,.3);padding:8px var(--btn-padding-x);font-size:12px}.bg .button.button .photo svg path{fill:#fff}.bg .button.button:hover{border-color:#fff;color:var(--btn-reveal-color)}.bg .button.button:hover .photo svg path{fill:var(--btn-reveal-color)!important}