/*Arrow animation*/
.arrow-animation {
  bottom: -100vh;
  transform: translateY(-72px);
}
.round {
  position: absolute;
  width: 57px;
  height: 57px;
  border-radius: 100%;
  background: transparent linear-gradient(141deg, #EF7E31 0%, #D5337C 100%) 0% 0% no-repeat padding-box;
  transform: rotate(90deg);
  box-shadow: 0px 7px 15px #0000001A;
}
#cta{
  width:100%; 
  cursor: pointer; 
  position: absolute;
  transform: translate(0px, 7px);
}

#cta .arrow{ 
  left: 30%;
}
.arrow {
  position: absolute; 
  bottom: 0;  
  margin-left:0px; 
  width: 12px; 
  height: 12px; 
  background-size: contain; 
  top:15px;
}
.segunda{ 
  margin-left: 8px;
}
.ketiga{ 
  margin-left: 16px;
}
.next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
  animation-name: bounceAlpha;
  animation-duration:1.4s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
  animation-delay:0.4s;
}
.arrow.segunda.bounceAlpha {
  animation-delay:0.2s;
}
/*.round:hover .arrow {
  animation-name: bounceAlpha;
  animation-duration:1.4s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}
.round:hover .arrow.primera{
  animation-name: bounceAlpha;
  animation-duration:1.4s;
  animation-delay:0.2s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}*/



/*liquid animation*/
.primary-button .liquid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 100%;
    transition: .5s;
    transform: translate(0%, -40%);
  }
  
  .primary-button .liquid::after,
  .primary-button .liquid::before {
    content: '';
    width: 200%;
    height: 200%;
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translate(-50%, -75%);
    background: #000;
  }
  
  .primary-button .liquid::before {
    
    border-radius: 42%;
    background: rgb(255 255 255 / 35%);
    animation: animate 5s linear infinite;
  }
  
  .primary-button .liquid::after {
    
    border-radius: 47%;
    background: rgb(255 255 255 / 50%);
    animation: animate 3s linear infinite;
  }
  
  .primary-button:hover .liquid{
    top: -120px;
  }
  
  @keyframes animate {
    0% {
      transform: translate(-50%, -75%) rotate(0deg);
    }
    100% {
      transform: translate(-50%, -75%) rotate(360deg);
    }
  }