.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 20px;
}

.animation-line {
  display: inline-block;
  position: relative;
  color: #ffe500;
  text-decoration: none;
}
.animation-line::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 10%;
  bottom: 0;
  left: 0;
  background: currentcolor;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.animation-line:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.underline-animation {
	  background-image: linear-gradient(to right, #ffe500, #ffe500);
    background-size: 0 16%;
    background-position: left 90%;
    background-repeat: no-repeat;
		transition: background-size .9s cubic-bezier(.15,.75,.4,1),opacity .25s ease;
		transition-delay: 1.6s;
}
.underline-animation.active {
    background-size: 100% 16%;
}