#color-link{z-index:1;color:#0f0000;grid-template-rows:1fr;grid-template-columns:1fr;width:fit-content;font-family:Header;text-decoration:underline;transition:all .1s;display:inline-grid;position:relative}#color-link:after{content:"";background:linear-gradient(to bottom, var(--accent), var(--altaccent));z-index:-1;transform-origin:bottom;z-index:-1;transition:transform .1s;position:absolute;inset:0;transform:scaleY(0)}#color-link:hover:after{transform:scaleY(1)}#color-link:hover{color:#fff}