nav {
  width: 80%;
  display: flex;
  justify-content: space-around;

  > a {
    width: 4rem;
    height: 4rem;

    position: relative;
    display: inline-block;

    &::before {
      content: attr(data-text);
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      transform: translate(-50%, -50%);
      transition: transform 200ms linear;
      pointer-events: none;
    }

    &:hover::before, &:focus-visible::before {
      z-index: 2;
      transform: translate(-50%, -50%) scale(1.75);
    }
  }
}