.fun-hero .button-outline {
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  transition: transform .2s, background .2s, color .2s;
}

.fun-hero .button-outline:hover {
  background: #fff;
  color: var(--night);
  transform: translateY(-2px);
}

.fun-hero .button-outline:focus-visible {
  outline: 3px solid #cdbdff;
  outline-offset: 3px;
}