.interactive-border {
  text-decoration: none;
  background-image: linear-gradient(#f8bc0f, #f8bc0f);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0% 2px;
  transition: background-size 0.3s ease;
}

.interactive-border:hover {
  background-size: 100% 2px;
}

.interactive-opacity:hover {
    transition: .3s;
    opacity: .7;
}