@import url("https://fonts.googleapis.com/css?family=Space%20Grotesk:700|Space%20Grotesk:400");:root{--m: 1rem}.main-button{border:calc(0.08 * var(--m)) solid transparent;position:relative;color:#F3F3F3;font-family:'Space Grotesk';font-size:var(--m);border-radius:calc(0.7 * var(--m));padding:calc(0.3 * var(--m)) calc(3 * var(--m));display:flex;justify-content:center;cursor:pointer;background:linear-gradient(#121213, #121213),linear-gradient(#121213 50%, rgba(18,18,19,0.6) 30%, rgba(18,18,19,0)),linear-gradient(90deg, var(--seventh), var(--sixth), var(--fifth), var(--fourth), var(--tertiary), var(--secondary), var(--primary));background-origin:border-box;background-clip:padding-box, border-box, border-box;background-size:200%;animation:none;align-items:center;text-decoration:none}.main-button::before{content:'';background:linear-gradient(90deg, var(--seventh), var(--sixth), var(--fifth), var(--fourth), var(--tertiary), var(--secondary), var(--primary));height:40%;width:60%;position:absolute;bottom:-20%;z-index:-5;background-size:200%;filter:blur(calc(1 * var(--m)))}.main-button:hover,.main-button:hover::before{animation:animate 1.5s infinite linear}@keyframes animate{0%{background-position:200%}100%{background-position:0%}}.button{border-radius:20px;width:180px;font-family:inherit;font-weight:500;letter-spacing:normal;text-align:center}.button-icon{width:150px;border-radius:20px;color:white;font-family:inherit;display:flex;align-items:center;justify-content:space-between}.button--primary{background-color:#04A7CC;color:white;transition:background-color 0.3s ease-in-out}.button--primary:hover{background-color:var(--primaryb-color-hover);transition:background-color 0.3s ease-in-out;color:white;border:1px solid var(--secondaryb-color)}.button--outline{color:#04A7CC;border:1px solid #04A7CC}.button--outline:hover{border:1px solid var(--primaryb-color-hover)}.button--xl{height:40px;font-size:clamp(13px, 1.5vw, 16px);line-height:1em;padding:12px 5px;width:clamp(260px, 40vw, 450px);white-space:nowrap}@media (max-width: 768px){.button--xl{width:100%;font-size:13px;white-space:normal;height:auto}}.button--lg{height:40px;font-size:1em;line-height:1em;padding:12px 5px;width:260px}.button--md{height:30px;font-size:14px;line-height:14px;padding:8px 5px}.button--sm{height:20px;font-size:12px;line-height:12px;padding:3px 5px}.button-categories{width:198px;height:40px;border-radius:10px;font-family:inherit;font-weight:600;font-size:14px;line-height:20px;letter-spacing:normal;text-align:center;color:white;padding-inline:10px;cursor:pointer;display:flex;align-items:center;text-decoration:none;justify-content:center}.button-categories:hover{color:white}.header-btn{color:var(--white);border-radius:20px;background:linear-gradient(129deg, #000 0%, #a1a1a1 100%);width:200px;display:flex;align-items:center;justify-content:center;margin:6px auto;padding:10px 20px;font-size:14px;line-height:14px;font-weight:normal}.button-menu{display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:var(--secondary);font-size:24px;min-width:30px;gap:0px;padding:5px;border-radius:0px;border:0;background-color:transparent;transform:rotate(90deg)}.button-menu span{font-size:24px;color:var(--black__to__white)}