.button-wrap{display:flex;flex-direction:row;gap:12px 8px;flex-wrap:wrap}.button{height:48px;display:flex;align-items:center;gap:12px;padding:2px var(--sp-24-32);width:fit-content;position:relative;z-index:2;overflow:hidden;border-radius:12px;transition:0.3s;font-family:var(--font-family-head);font-weight:550}.button svg,.button .button__icon,.button .button__icon path{transition:0.3s}.button.--sm{padding:4px 24px;height:40px}.button:after{content:"";position:absolute;width:0;height:100%;transform:skew(15deg);left:-10%;z-index:-1;transition:0.3s}.button:hover svg{transition-delay:0.1s}.button:hover:after{width:120%;transform:skew(0deg)}.button.--dark{background:var(--color-dark);color:#fff}.button.--primary{background:var(--color-primary);color:#000}.button.--primary:hover{color:#fff}.button.--primary:hover svg{filter:brightness(0) saturate(100%) invert(49%) sepia(100%) saturate(1672%) hue-rotate(3deg) brightness(105%) contrast(95%)}.button.--primary:after{background:var(--color-dark)}.button.--outline.--dark{background:transparent;color:var(--color-dark);outline:2px solid var(--color-dark);outline-offset:-2px}.button.--outline.--dark:hover{color:#fff}.button.--outline.--dark:after{background:var(--color-dark)}.text-link{display:flex;position:relative;background:linear-gradient(to right, var(--color-primary), var(--color-primary) 50%, var(--color-body-text) 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 300ms ease;width:fit-content;cursor:pointer;z-index:1;display:inline-flex;font-size:14px;font-weight:550;font-family:var(--font-family-head);white-space:nowrap}.text-link.--icon{align-items:center;gap:12px}.text-link.--icon svg{height:12px;width:auto}.text-link:before{content:"";position:absolute;left:0%;bottom:-3px;content:"";width:100%;height:1px;background:var(--color-body-text);z-index:-1}.text-link:after{content:"";position:absolute;left:0%;bottom:-3px;content:"";width:100%;height:1px;background:var(--color-primary);z-index:0;transition:transform 0.3s;transform:scaleX(0);transform-origin:left}.text-link:hover{background-position:0 100% !important}.text-link:hover:after{transform:scaleX(1);transform-origin:left}.text-link.--white{background:linear-gradient(to right, var(--color-primary), var(--color-primary) 50%, #fff 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%}@media (max-width:1240px){.button.--sm{height:32px;font-size:14px;padding:2px 16px;gap:8px}.button.--sm svg{height:12px}}@media (max-width:768px){.button{height:40px;font-size:15px}}