/* Button with icon - Hover animation */

.btn_hover_bk_animate .elementor-button, 
.menu-header-02 .elementor-nav-menu>li:last-child{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: hidden; 
    transition: width 0.6s ease;
	border-radius: 45px;
	background-color: #ffffff;
}

.btn_hover_bk_animate .elementor-button-icon svg{
    width: 1.25em;
    vertical-align: middle;
}

.btn_hover_bk_animate .elementor-button span{ 
    position:relative;
    z-index:2
}

.btn_hover_bk_animate .elementor-button-icon {
    /*display: none;
    transition: margin 0.8s ease; */
    display: block;
    left: 12px;
    overflow: hidden;
    margin-right: -40px;
    transition: all 0.4s ease-in-out !important;
    margin-left: 14px;
    top: -2px;
}

.btn_hover_bk_animate .elementor-button::before, 
.menu-header-02 .elementor-nav-menu>li:last-child::before{
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: linear-gradient(0deg, #FFFE93 30%, #FB7973 70%);
    animation: rotateBk 6s linear infinite;
    opacity: 0;
    transition: opacity 0.6s ease;
	left: 50%;
	top: 50%;
}
.btn_hover_bk_animate .elementor-button:hover{
	background-color: transparent !important;
}

.menu-header-02 .elementor-nav-menu>li:last-child:hover a{
	background: transparent !important;
}

.btn_hover_bk_animate .elementor-button, 
.menu-header-02 .elementor-nav-menu>li:last-child{
	transition: all 0.4s ease-in-out !important;
}

.btn_hover_bk_animate .elementor-button:hover .elementor-button-content-wrapper {
/*padding: 0 30px 0 0;*/
}
.btn_hover_bk_animate .elementor-button-text {
    transition: padding 0.8s;
/*padding: 0 30px 0 0;*/
}
.btn_hover_bk_animate .elementor-button:hover .elementor-button-text {
/*padding: 0 0 0 30px;*/
}
.btn_hover_bk_animate .elementor-button:hover::before, 
.menu-header-02 .elementor-nav-menu>li:last-child:hover::before{
    opacity: 1;
}
.btn_hover_bk_animate .elementor-button:hover .elementor-button-icon {
    display: inline-block;
    margin-left: 10px;
    top: -2px;
    margin-left: 12px;
    margin-right: 0;
    left: 0;
}

.btn_hover_bk_animate a:focus{ color: var( --e-global-color-9b5abe4 );
  background-color: #fff; /*box-shadow: 0px 8px 14px 0px #bfbfbf;*/}

@media only screen and (max-width: 767px) {

    .btn_hover_bk_animate .elementor-button .elementor-button-text {
        /*padding: 0 0 0 30px;*/
        color: var(--e-global-color-b6288f1) !important;
    }
    .btn_hover_bk_animate .elementor-button::before {
        opacity: 1;
    }
    .btn_hover_bk_animate .elementor-button .elementor-button-icon {
        display: inline-block;
        margin-left: 10px;
        top: 0px;
        margin-left: 12px;
        margin-right: 0;
        left: 0;
    }

    .btn_hover_bk_animate .elementor-button{
        background-color: transparent !important;
    }


    .btn_hover_bk_animate .elementor-button .elementor-button-content-wrapper {
        /*padding: 0 30px 0 0;*/
    }

}

@keyframes rotateBk {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}