:root {
    --zcw-mini-btn: #357BB5
}

.hidden {
    display: none;
}

.zcwMiniButton {
    position:fixed;
    right: 50px;
    bottom: 50px;
    width:70px;
    height:70px;
    cursor:pointer;
    opacity:1;
    z-index:104;
}


.zcwMiniButton .zcwMiniButtonMain {
    -moz-border-radius:50% !important;
    -webkit-border-radius:50% !important;
    border-radius:50% !important;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    background-color:#357BB5;
    opacity: 1;
    width:70px;
    height:70px;
    -webkit-animation:zcwmini_color 1.5s 0s ease-out infinite;
    -moz-animation:zcwmini_color 1.5s 0s ease-out infinite;
    animation:zcwmini_color 1.5s 0s ease-out infinite;
}
.zcwMiniButton.zcwMiniButton_blue .zcwMiniButtonMain {
    background-color: var(--zcw-mini-btn);
}
.zcwMiniButton .zcwMiniButtonMain:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background-image: url(../img/icons/phone-call_white.svg);
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-animation: zcwphone 1.5s linear infinite;
    -moz-animation: zcwphone 1.5s linear infinite;
    animation: zcwphone 1.5s linear infinite;
}
.zcwMiniButton:hover {
    opacity:0.8;
}

.zcwMiniButton:hover .zcwMiniButtonMain {
    /*-webkit-animation:zcwmini2 1s 0.4s ease-out infinite;*/
    /*-moz-animation: zcwmini2 1s 0.4s ease-out infinite;*/
    /*animation: zcwmini2 1s 0.4s ease-out infinite;*/
    animation-duration: 1s;
    animation-delay: 0.4s;
}

.zcwMiniButton:hover .zcwMiniButtonMain:before {
    /*-webkit-animation: zcwphone2 1s linear infinite;*/
    /*-moz-animation: zcwphone2 1s linear infinite;*/
    /*animation: zcwphone2 1s linear infinite;*/
    animation-duration: 1s;
}







@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}






@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}





@-webkit-keyframes zcwmini_color {
    0% {box-shadow: 0 0 4px 2px rgba(53, 123, 181, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(53, 123, 181, 0);}
    10% {box-shadow: 0 0 12px 10px rgba(12, 155, 238, 0), 0 0 0 0 var(--zcw-mini-btn);}
    100% {box-shadow: 0 0 4px 2px rgba(8, 127, 224, 0), 0 0 0 20px rgba(15, 95, 214, 0), 0 0 0 20px rgba(7, 128, 228, 0);}
}
@-moz-keyframes zcwmini_color {
    0% {box-shadow: 0 0 4px 2px rgba(53, 123, 181, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(53, 123, 181, 0);}
    10% {box-shadow: 0 0 12px 10px rgba(12, 155, 238, 0), 0 0 0 0 var(--zcw-mini-btn);}
    100% {box-shadow: 0 0 4px 2px rgba(8, 127, 224, 0), 0 0 0 20px rgba(15, 95, 214, 0), 0 0 0 20px rgba(7, 128, 228, 0);}
}
@keyframes zcwmini_color {
    0% {box-shadow: 0 0 4px 2px rgba(53, 123, 181, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(53, 123, 181, 0);}
    10% {box-shadow: 0 0 12px 10px rgba(12, 155, 238, 0), 0 0 0 0 var(--zcw-mini-btn);}
    100% {box-shadow: 0 0 4px 2px rgba(8, 127, 224, 0), 0 0 0 20px rgba(15, 95, 214, 0), 0 0 0 20px rgba(7, 128, 228, 0);}
}





@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,176,103, 0);}
    10% {box-shadow: 0 0 4px 2px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
    100% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 20px rgba(0,0,0,0), 0 0 0 20px rgba(0,176,103, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,176,103, 0);}
    10% {box-shadow: 0 0 4px 2px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
    100% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 20px rgba(0,0,0,0), 0 0 0 20px rgba(0,176,103, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,176,103, 0);}
    10% {box-shadow: 0 0 4px 2px rgba(0,0,0, 1), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
    100% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 20px rgba(0,0,0,0), 0 0 0 20px rgba(0,176,103, 0);}
}








@media (max-width: 899px) {
    @-webkit-keyframes zcwmini_color {
        0% {box-shadow: 0 0 4px 2px rgba(53, 123, 181, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(53, 123, 181, 0);}
        10% {box-shadow: 0 0 4px 2px rgba(230, 86, 86, 0), 0 0 7px 7px rgba(12, 155, 238, 0), 0 0 0 0 var(--zcw-mini-btn);}
        100% {box-shadow: 0 0 4px 2px rgba(8, 127, 224, 0), 0 0 0 7px rgba(15, 95, 214, 0), 0 0 0 13px rgba(7, 128, 228, 0);}
    }
    @-moz-keyframes zcwmini_color {
        0% {box-shadow: 0 0 4px 2px rgba(53, 123, 181, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(53, 123, 181, 0);}
        10% {box-shadow: 0 0 4px 2px rgba(230, 86, 86, 0), 0 0 7px 7px rgba(12, 155, 238, 0), 0 0 0 0 var(--zcw-mini-btn);}
        100% {box-shadow: 0 0 4px 2px rgba(8, 127, 224, 0), 0 0 0 7px rgba(15, 95, 214, 0), 0 0 0 13px rgba(7, 128, 228, 0);}
    }
    @keyframes zcwmini_color {
        0% {box-shadow: 0 0 4px 2px rgba(53, 123, 181, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(53, 123, 181, 0);}
        10% {box-shadow: 0 0 4px 2px rgba(230, 86, 86, 0), 0 0 7px 7px rgba(12, 155, 238, 0), 0 0 0 0 var(--zcw-mini-btn);}
        100% {box-shadow: 0 0 4px 2px rgba(8, 127, 224, 0), 0 0 0 7px rgba(15, 95, 214, 0), 0 0 0 13px rgba(7, 128, 228, 0);}
    }





    @-webkit-keyframes zcwmini2 {
        0% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,176,103, 0);}
        10% {box-shadow: 0 0 4px 2px rgba(0,0,0, 1), 0 0 7px 7px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
        100% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 7px rgba(0,0,0,0), 0 0 0 13px rgba(0,176,103, 0);}
    }
    @-moz-keyframes zcwmini2 {
        0% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,176,103, 0);}
        10% {box-shadow: 0 0 4px 2px rgba(0,0,0, 1), 0 0 7px 7px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
        100% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 7px rgba(0,0,0,0), 0 0 0 13px rgba(0,176,103, 0);}
    }
    @keyframes zcwmini2 {
        0% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,176,103, 0);}
        10% {box-shadow: 0 0 4px 2px rgba(0,0,0, 1), 0 0 7px 7px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 1);}
        100% {box-shadow: 0 0 4px 2px rgba(0,176,103, 0), 0 0 0 7px rgba(0,0,0,0), 0 0 0 13px rgba(0,176,103, 0);}
    }
}

@media (max-width: 899px) {
    .zcwMiniButton {
        right: 20px;
        bottom: 30px;
        width:60px;
        height:60px;
    }
    .zcwMiniButton .zcwMiniButtonMain {
        width:60px;
        height:60px;
    }
    .zcwMiniButton .zcwMiniButtonMain:before  {
        background-size: 27px;
    }
}

.space-x-3\.5 > * + * {
    margin-left: 0.875rem;
}
.space-y-3\.5 > * + * {
    margin-top: 0.875rem;
}