Efeitos em Botões 1#

				
					selector a.elementor-button{
    width: 180px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .5s;
}

selector span.elementor-button-icon.elementor-align-icon-right{
    transition: all .6s;
    transform: translateX(
    0px);
}

selector:hover span.elementor-button-icon.elementor-align-icon-right{
    transform: translateX(
    50px);
}

.elementor-button-text{
    transition: all .6s
}

selector:hover .elementor-button-text{
    transform: translateX(
    12px);
}


/* EFEITOS DE SOMBRA*/

selector:hover a.elementor-button{
    box-shadow: -4px -4px 12px 0px rgba(255, 255, 255, 0.32) inset, 4px 4px 12px 0px rgba(0, 0, 0, 0.20) inset, 0px 6px 20px 0px rgba(0, 0, 0, 0.25);
}