text: import { css } from '@emotion/react';
  
  export const link = css`
    display: inline-block;
    text-decoration: none;
    text-shadow: var(--text-shadow);
    color: var(--colors-grey-800);
    background: linear-gradient(
      20deg,
      var(--colors-link-700) 0%,
      var(--colors-link-gradient) 100%
    );
    background-repeat: repeat-x;
    background-position: 0px 82%;
    background-size: 100% 44%;
    transition: all 100ms ease-out;
    cursor: pointer;
  
    &:hover {
      color: var(--colors-link);
      background-position: 0px 100%;
      background-size: 100% 3px;
      transform: translateY(-2px) scaleX(0.98) scaleY(0.98);
    }
  `;
  