:root{--color--page-color:#060910;--main-font:Mulish,sans-serif;--pragraph-font:Inter,sans-serif;--color--button-text:#cac4da;--color--brand-color:#563eaf;--color--elements-bg:#2121214d;--color--elements-stroke:#563eaf40;--color--inner-shadow-color:#563eaf4d;--color--gradient-color-01:#7a63cd;--color--hoved-color:#21212166;--color--gradient-color-02:#563eaf00}.nav-button{font-family:var(--pragraph-font);font-size:15px;line-height:1.2;color:#fff;border:1px solid #3b2a8e;border-radius:15px;background-color:var(--color--brand-color);background-image:radial-gradient(circle farthest-corner at 50% 100%,var(--color--gradient-color-01),var(--color--gradient-color-02) 79%);padding:10px 14px;text-align:center;display:flex;justify-content:center;align-items:center;transition:all .375s,transform .575s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 2px 5px #0000,inset 0 2px 5px #0000,0 0 30px #6845ba96}.nav-button:hover{background-color:#563eaf;color:#fff;transform:scale(1.05);box-shadow:inset 0 2px 5px #0000,inset 0 2px 5px #0000,0 0 30px #6845ba96,0 4px 10px rgba(0,0,0,.4)}.nav-button--active{background-color:#563eaf;background-image:none;box-shadow:inset 0 2px 5px #0000,inset 0 2px 5px #0000,0 0 30px #6845ba96,0 0 0 2px #6845ba96}