/* Global CSS */
body {
  font-family: 'Inter', system-ui, sans-serif;
  color: var(--text);
  background-color: var(--white);
}

*:focus {
  outline: none;
}

svg {
  overflow: visible;
}

/* Links */
.link {
  position: relative;
  text-decoration: none;
}

.link:hover,
.link:focus {
  z-index: 1;
  text-decoration: none;
}

.link::before {
  content: '';
  position: absolute;
  left: -12px;
  top: -8px;
  right: -12px;
  bottom: -8px;
  background-color: var(--purple-dark);
  border-radius: 8px;
  z-index: -1;
  transform: scale(0, 1);
  transition: transform 200ms ease-out;
}

.link:hover::before,
.link:focus::before {
  transform: scale(1, 1);
}