nav{color:var(--text)}.nav-home{border-bottom:1px solid var(--horizontal-line);justify-content:space-between;gap:5px;padding:10px;font-family:header;font-size:1.2rem;display:flex}.logo-class{align-items:center;gap:5px;display:flex}.nav-right{align-items:center;display:flex}.nav-right>button{color:var(--text);clip-path:polygon(5% 0%,80% 0%,75% 100%,0% 100%);border-top:1px solid;border-image-source:linear-gradient(to right, var(--accent), var(--altaccent));background-color:#fff;border-image-slice:8;flex-grow:0;justify-content:start;align-items:center;gap:10px;width:210px;height:33px;padding:14px;font-family:header;font-size:.8rem;display:flex;position:relative;overflow:hidden}.nav-right>button:before{content:"";background:linear-gradient(to right, var(--accent), var(--altaccent));transform-origin:bottom;z-index:-1;transition:transform .3s;position:absolute;inset:0;transform:scaleY(0)}.nav-right>button:hover:before{transform:scaleY(1)}.nav-right>button:hover{color:var(--background)}.bottom-nav{border-bottom:1px solid var(--horizontal-line);justify-content:space-between;align-items:center;height:33px;padding:0 25px;display:flex}.nav-other{background-color:#000;justify-content:end;align-items:center;gap:20px;height:55px;padding-right:25px;display:flex;position:relative}.other-container{color:#fff;justify-content:center;align-items:center;gap:20px;font-family:header;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}