Cacher is the code snippet organizer for pro developers

      <div class="container">
        <a class="logoLink" href="<?php echo esc_url( home_url( '/' ) ); ?>podcast">The Podcast</a>
      </div>

.container {
  width: 100px;
}

.logoLink {
  position: relative;
  font-weight: 500;
  text-decoration: none;

  &::after {
    content: "";
    border-bottom: 2px #ff1049 dotted;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -20px;
    left: 0;
    opacity: 0;
    transition: all 0.5s;
  }
  &:hover {
    &::after {
      opacity: 1;
      bottom: 0;

    }
  }
}