.animation-degradado-btn .elementor-button:hover {
    z-index: 1;
    color: #000 !important;
}

.animation-degradado-btn .elementor-button:hover:before {
    position: absolute;
    height: 4rem;
    width: 230%;
    left: -8rem;
    content: '';
    bottom: 0.1rem;
    z-index: -1;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
    
    animation: scale-in-hor-left 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-webkit-animation: scale-in-hor-left 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}

@-webkit-keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}




.hover-spand-2 .elementor-button, 
.hover-spand .elementor-button {
    position: relative;
    
    -webkit-transition: all 0.3s 0s  ease;
    -moz-transition: all 0.3s 0s  ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s  ease;
}
.hover-spand-2 .elementor-button:before, 
.hover-spand .elementor-button:before {
    position: absolute;
    bottom: 0px;
    width: 200%;
    height: 1px;
    content: '';
    right: 0%;
    background: #88888880;
    
    transition: all 0.3s 0s  ease;
}

.hover-spand .elementor-button:hover {
    animation: spand-hover 0.3s ease 0s 1 alternate forwards;
    transition: all 0.3s 0s  ease;
}
.hover-spand-2 .elementor-button:hover {
    animation: spand-hover-2 0.3s ease 0s 1 alternate forwards;
    transition: all 0.3s 0s  ease;
}

.hover-spand .elementor-button:hover:before {
    height: 2px;
}

@keyframes spand-hover {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  
  100% {
    transform: scale(1.1);
    transform-origin: 100% 50%;
  }
}

@keyframes spand-hover-2 {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }

  100% {
    transform: scale(1.2);
    transform-origin: 50% 0%;
  }
}


.white .elementor-button:before {
    background: #fff !important;
}



/*CONSEJO DEL EXPERT0*/

.btn-blog a{
  
  position: relative;
    
    -webkit-transition: all 0.3s 0s  ease;
    -moz-transition: all 0.3s 0s  ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s  ease;
}
.btn-blog a:before {
    position: absolute;
    bottom: 0px;
    height: 1px;
    content: '';
    right: 0%;
  
    background: #88888880;
    
    transition: all 0.3s 0s  ease;
}

.btn-blog a:hover{
  
    animation: a-hover 0.3s ease 0s 1 alternate forwards;
    transition: all 0.3s 0s  ease;

}


@keyframes a-hover {
  
     0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  
  }
    
  100% {
    
    transform: scale(1.3);
    transform-origin: 100% 75%;
  }
}

/*------------------*/