.icon-link{display:flex;flex-direction:row;gap:16px;align-items:center}.icon-link svg{width:32px;height:auto}.icon-link .icon-link__text{font-weight:600;position:relative;z-index:1}.icon-link .icon-link__text:before{content:"";background:var(--color-bg--dark);opacity:0.3;position:absolute;left:12px;bottom:2px;width:calc(100% - 8px);height:0;z-index:-1;transition:0.3s}.icon-link:hover .icon-link__text:before{left:-8px;width:calc(100% + 16px);height:8px}.text-link{position:relative;z-index:1}.text-link:before{content:"";background:transparent;opacity:0;position:absolute;left:0;top:50%;width:10px;height:10px;transition:0.3s;transform-origin:center;border-radius:50%;z-index:-1}.text-link:hover:before{background:var(--color-medium);opacity:1}.link-simple{position:relative;z-index:1;cursor:pointer;transition:0.3s;color:var(--color-primary)}.link-simple:hover{color:var(--color-secondary)}.button-wrap{display:flex;flex-direction:row;gap:12px 24px;flex-wrap:wrap}.button{height:46px;display:flex;align-items:center;justify-content:center;padding:4px 24px;transition:0.3s;font-weight:600;font-size:14px;width:fit-content;position:relative;z-index:2;overflow:hidden;border-radius:var(--border-r--12);cursor:pointer;border:none}.button.--icon{gap:12px}.button .button__icon{display:flex}.button.--m{height:40px}.button.--sm{height:32px;padding:2px 16px}.button.--xs{height:24px;padding:2px 16px;font-size:12px}.button.--primary{background:var(--color-primary);color:#fff}.button.--primary:hover{color:var(--color-body-text);background:var(--color-bg--dark)}.button.--secondary{background:var(--color-bg--dark);color:var(--color-primary)}.button.--secondary:hover{color:#fff;background:var(--color-primary)}.button.--light{background:var(--color-bg--medium);color:var(--color-primary)}.button.--light:hover{color:var(--color-bg--medium);background:var(--color-primary)}.button.--round{border-radius:32px}@media (max-width:540px){.button.--xs{height:24px;padding:2px 12px;font-size:10px}}