.btn-animate-20 {
    background: #fff;
    text-align: center;
    border-radius: 50px;
    position: relative;
    display: inline-block;
    font-size: 20px;
    padding: 18px 40px;
    transition: 0.7s ease-in-out;
    color: #041d3b;
}

.btn-animate-20:after {
  position: absolute;
  border: 4px solid #fff; 
  content: "";
  border-radius: 50px;
  inset: -4px;
  animation: scale 2s linear infinite forwards;
  animation-delay: 1s;
  z-index: 0;
  transition: 0.7s ease-in-out;
}

/* .btn-animate-20:hover {
  background-color: #000;
  color: #fff;
}

.btn-animate-20:hover::after {
  border-color: #000;
} */

@keyframes scale {
  from{
    transform: scale(1);
    opacity: 1;
  }
  to{
    transform: scale(1.5);
    opacity: 0;
  }
}

.has-radius {
  border-radius: 50px;
}