/* Start custom CSS *//* Buttons */


@-webkit-keyframes in {
    0%   { -webkit-transform: translate(0%,0%); }
    20%   { 
        -webkit-filter: opacity(0);
        -webkit-transform: translate(-50%,0%); }
    40%   { 
        -webkit-filter: opacity(0);
        -webkit-transform: translate(-50%,50%); }
    60%   {
        -webkit-filter: opacity(0);
        -webkit-transform: translate(50%,50%); }
    80%   { 
        -webkit-filter: opacity(0);
        -webkit-transform: translate(50%,0); }
    100%   { -webkit-transform: translate(0,0); }
}

@-webkit-keyframes out {
    0%   { -webkit-transform: translate(0,0); }
    20%   { 
        -webkit-filter: opacity(0);
        -webkit-transform: translate(50%,0); }
    40%   {
        -webkit-filter: opacity(0);
        -webkit-transform: translate(50%,50%); }
    60%   { 
        -webkit-filter: opacity(0);
        -webkit-transform: translate(-50%,50%); }
    80%   { 
        -webkit-filter: opacity(0);
        -webkit-transform: translate(-50%,0%); }
    100%   { -webkit-transform: translate(0%,0%); }
}


.btn1{
    .elementor-button-content-wrapper{
        align-items: center;
        padding-left: 10px;
    }
    .elementor-button-icon{
        background: white;
        color: black;
        padding-top:12px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 13px;
        border-radius: 60px;
        transition: all 0.2s ease;
    }
    .elementor-button-icon > :first-child{
        -webkit-animation: in 0.2s;
    }
    .elementor-button-text{
        z-index: 9;
        margin-left: 20px;
        color: white;
    }
}
.btn1:hover{
    .elementor-button-icon{
        /*margin-left: calc(-100%);*/
        /*padding-left: calc(100%);*/
    }
    .elementor-button-icon > :first-child{
    -webkit-animation: out 0.2s;
    }
    
    .elementor-button-text{
        z-index: 9;
        margin-left: 20px;
        color: black;
    }
    
}/* End custom CSS */