.main-nav-button{font-size:clamp(.8rem,2cqw,1em);position:relative;height:4.8em;aspect-ratio:1;border-radius:100%;display:flex;gap:.8rem;place-items:center;place-content:center;color:light-dark(var(--clr-metal-950),var(--clr-metal-500));transition:background .5s}.main-nav-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;border-radius:inherit;background:light-dark(var(--clr-green-400),var(--clr-green-500));scale:.7;opacity:0;transition:scale .2s ease-out,opacity .2s}@media screen and (max-width: 1200px){.main-nav-button.onlyLg{display:none}}.main-nav-button:has(label){height:4em;aspect-ratio:auto;padding:0 1.2em;border-radius:10em;letter-spacing:-.02em}.main-nav-button:has(.icon){height:4em}.main-nav-button.reverse{flex-direction:row-reverse}.main-nav-button .icon{--width: 2.4em;--height: 2.4em;z-index:2;transition:transform .3s ease}.main-nav-button label{font-size:14px;z-index:2;font-weight:500;color:light-dark(var(--clr-black),var(--clr-white))!important}.main-nav-button:hover:has(.icon){background:light-dark(var(--clr-metal-50),var(--clr-metal-900))}.main-nav-button:active,.main-nav-button.active{background:none!important}.main-nav-button.active{--color: var(--color-active, var(--clr-green-800))}.main-nav-button.active:before{scale:1;opacity:1}.main-nav-button.active:has(label)>*:nth-child(1):is(.icon){transform:rotateX(180deg)}.main-nav-button:focus{outline:none!important}.main-nav-button.theme-destructive{color:var(--clr-destructive-700)}.main-nav-button.theme-destructive:hover{background:var(--clr-destructive-200)}.main-nav-button.theme-grey{color:light-dark(var(--clr-metal-950),var(--clr-metal-200));--color-active: light-dark(var(--clr-metal-950), var(--clr-metal-200))}.main-nav-button.theme-grey:before{background:none}.main-nav-button.theme-grey:hover:before,.main-nav-button.theme-grey.active:before{background:light-dark(var(--clr-metal-100),var(--clr-metal-800))}.main-nav-button.md,.layout.md .main-nav-button{height:4rem}