.nav-link{color:#fff;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,background .3s ease;clip-path:polygon(15px 0%,100% 0%,calc(100% - 15px) 100%,0% 100%);background:linear-gradient(145deg,var(--brand-darkergray),var(--brand-darkestgray));border:2px solid var(--brand-green)}@media (hover: hover) and (pointer: fine){.nav-link:hover{background:linear-gradient(145deg,var(--brand-green),var(--brand-darkestgreen));border-color:#fff;box-shadow:0 5px 15px color-mix(in srgb,var(--brand-green),transparent 60%);transform:translateY(-2px)}}.nav-link:active{transform:translateY(1px) scale(.97);background:linear-gradient(145deg,var(--brand-darkestgreen),var(--brand-green));box-shadow:inset 0 2px 6px color-mix(in srgb,black,transparent 70%);border-color:var(--brand-green);transition:transform .05s ease,background .1s ease,box-shadow .1s ease}