a {
    color: #2F56B0;
    position: relative;
    text-decoration: none;
    transition: color .4s ease-out;
    font-size: 48px;
  }

a:hover {
    color: #5dd3f7;
    text-decoration: none;
  }
  
a:hover::after {
    border-color: #457DFB;
    right: 0;
    animation: anchor-underline 2s cubic-bezier(0,.5,0,1) infinite;
 }
  
a::after {
    border-radius: 1em;
    border-top: .1em solid #020e29;
    content: "";
    position: absolute;
      right: 100%;
      bottom: .14em;
      left: 0;
    transition: right .4s cubic-bezier(0,.5,0,1),
                border-color .4s ease-out;
  } 

  @keyframes anchor-underline {
    0%, 10% {
      left: 0;
      right: 100%;
    }
    40%, 60% {
      left: 0;
      right: 0;
    }
    90%, 100% {
      left: 100%;
      right: 0;
    }
  } 
  
p {
    font-size: 48px;
}