.button-wrap{display:flex;flex-direction:row;gap:12px 24px;flex-wrap:wrap;align-items:center}.button{height:42px;display:flex;align-items:center;justify-content:center;padding:4px 32px;transition:0.3s;font-weight:500;font-size:14px;width:fit-content;position:relative;z-index:2;overflow:hidden;border-radius:4px;cursor:pointer;border:none}.button.--icon{gap:14px}.button .button__icon{display:flex}.button.--m{height:38px}.button.--sm{height:32px;padding:2px 12px;font-size:12px}.button.--xs{height:24px;padding:2px 12px;font-size:12px}.button.--round{border-radius:32px}.button.--round:hover{transform:none !important}.button.--dark{color:#fff;box-shadow:0px 4px 4px 0px #00000040;background-color:var(--color-bg--dark)}.button.--dark:after{content:"";position:absolute;height:64px;width:64px;top:0;right:-15px;background:radial-gradient(350% 100% at 100% 15%, rgba(212, 178, 127, 0.8) 10%, rgba(217, 190, 149, 0) 100%), #1e1e1e;transform:skew(15deg);filter:blur(12px);opacity:1;transition:0.3s;z-index:-1}.button.--dark:hover:after{transform:scale(3);width:80px;right:0}.button.--light{color:var(--color-body-text);box-shadow:0px 4px 4px 0px #00000040}.button.--light:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(34.01% 351.31% at 100% 20%, rgba(212, 178, 127, 0.8) 50%, white 250%);background-size:200%;opacity:1;transition:0.5s;z-index:-1}.button.--light:hover:after{background:radial-gradient(34.01% 351.31% at 100% 20%, rgba(212, 178, 127, 0.8) 50%, white 250%);background-size:100%}.button.--black{background:var(--color-bg--dark);color:#fff}.button.--black:hover{color:var(--color-body-text);background:var(--color-primary)}.button.--simple-black{background:var(--color-bg--dark);color:#fff}.button.--simple-black:hover{color:var(--color-body-text);background:var(--color-primary)}.button.--simple-white{background:#fff;color:var(--color-body-text)}.button.--simple-white:hover{color:var(--color-body-text);background:var(--color-primary)}.button.--simple-light{background:var(--color-bg--light);color:var(--color-body-text)}.button.--simple-light:hover{color:var(--color-body-text);background:var(--color-primary)}.button:hover{box-shadow:none;transform:translateY(1px)}.button.--decor{border:1px solid rgba(30, 30, 30, 0.15);border-radius:32px;height:60px;font-size:16px;font-family:var(--font-family-heading);padding:4px 24px;z-index:1}.button.--decor svg{width:auto;height:14px}.button.--decor .button__text{position:relative;top:2px}.button.--decor:before{content:"";width:7px;height:auto;aspect-ratio:1;position:absolute;z-index:-1;top:49%;left:27px;background:radial-gradient(180% 140% at 0% 75%, #EFC27E 0%, rgba(239, 194, 126, 0) 50%), var(--color-bg--light);transform:translateY(-50%);border-radius:50%;transition:0.3s}.button.--decor:hover:before{width:100%;left:0}.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{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}.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.--light{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%}.text-link.--light:before{background:#fff}.text-link.--light:after{background:var(--color-primary)}@media (max-width:540px){.button.--xs{height:24px;padding:2px 12px;font-size:10px}}