.button-wrap{display:flex;flex-direction:row;gap:12px 24px;flex-wrap:wrap}.button{height:60px;font-weight:500;display:flex;align-items:center;padding:4px 24px;transition:0.3s;width:fit-content;position:relative;z-index:2;overflow:hidden;border-radius:32px;line-height:1.1}.button svg ellipse,.button svg path{transition:0.3s}.button .button__inner{display:flex;flex-direction:column;gap:4px}.button.--icon{gap:12px}.button.--icon .button__icon-arrow,.button.--icon .button__icon-arrow path{transition:0.2s;transform-origin:center}.button.--icon:hover .button__icon-arrow.--rotate{transform:rotate(45deg)}.button.--icon:hover .button__icon-arrow.--rotate .arrow-line{transform:scale(1.2) translatey(-1px) translateX(1px);transition-delay:0.1s}.button.--icon:hover .button__icon-arrow.--rotate .arrow-grot{transform:translate(3px, -3px) scale(1.1);transition-delay:0.1s}.button.--icon .button__icon-arrow.--vert path{transform-origin:left}.button.--icon:hover .button__icon-arrow.--vert .arrow-line{transform:scale(1.3);transition-delay:0.1s}.button.--icon:hover .button__icon-arrow.--vert .arrow-grot{transform:scale(1.1) translateX(3px);transition-delay:0.1s}.button .button__icon{display:flex}.button.--l{border-radius:50px;gap:24px;height:72px;padding-left:var(--sp-24-48);padding-right:var(--sp-24-48)}.button.--l svg{width:auto;height:var(--sp-24-40)}.button.--xl{height:86px;width:100%;max-width:430px;justify-content:space-between}.button.--sm{height:48px}.button.--xs{height:40px}.button.--primary{background:var(--color-primary)}.button.--primary:hover{color:#fff;background:var(--color-bg--dark)}.button.--primary:hover svg ellipse,.button.--primary:hover svg path{stroke:#fff}.button .tp{height:28px}.button.--white{background:#fff;color:var(--color-body-text)}.button.--white:hover{background:var(--color-primary)}.button.--dark{background:var(--color-dark);color:#fff}.button.--dark:hover{color:var(--color-dark);background:var(--color-primary)}@media (max-width:992px){.button.--xl{height:72px}}.text-link{position:relative;z-index:1}.text-link:before{content:"";background:var(--color-primary);opacity:0.5;position:absolute;left:12px;bottom:2px;width:calc(100% - 8px);height:0;z-index:-1;transition:0.3s}.text-link:hover:before{left:-8px;width:calc(100% + 16px);height:8px}