/*lowcost button 2*/
.loc-btn1 {
    background: linear-gradient(310deg, #7928CA, #FF0080);
    border-radius: 8px;
    color: #fff !important;
    /*font-family: 'Indie Flower', cursive;*/
    /*font-size: 15px;*/
    /*padding: 8px 20px;*/
    /*font-weight: 600;*/
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    position: relative;
    /*-webkit-transition-duration: 0.3s;*/
    /*transition-duration: 0.3s;*/
    /*-webkit-transition-property: -webkit-transform;*/
    /*transition-property: transform;*/
    /*-webkit-transform: translateZ(0);*/
    /*-ms-transform: translateZ(0);*/
    /*transform: translateZ(0);*/
    /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
    /*-webkit-transform: translateY(-6px);*/
    /*-ms-transform: translateY(-6px);*/
    /*transform: translateY(-6px);*/
    /*-webkit-animation-name: hover;*/
    /*animation-name: hover;*/
    /*-webkit-animation-duration: 1.5s;*/
    /*animation-duration: 1.5s;*/
    /*-webkit-animation-delay: 0.3s;*/
    /*animation-delay: 0.3s;*/
    /*-webkit-animation-timing-function: linear;*/
    /*animation-timing-function: linear;*/
    /*-webkit-animation-iteration-count: infinite;*/
    /*animation-iteration-count: infinite;*/
    /*-webkit-animation-direction: alternate;*/
    /*animation-direction: alternate;*/
}
.loc-btn1:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 100%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /*-webkit-transition-duration: 0.3s;*/
    /*transition-duration: 0.3s;*/
    /*-webkit-transition-property: -webkit-transform, opacity;*/
    /*transition-property: transform, opacity;*/
    /*opacity: 0.4;*/
    /*-webkit-transform: translateY(6px);*/
    /*-ms-transform: translateY(6px);*/
    /*transform: translateY(6px);*/
    /*-webkit-animation-name: hover-shadow;*/
    /*animation-name: hover-shadow;*/
    /*-webkit-animation-duration: 1.5s;*/
    /*animation-duration: 1.5s;*/
    /*-webkit-animation-delay: 0.3s;*/
    /*animation-delay: 0.3s;*/
    /*-webkit-animation-timing-function: linear;*/
    /*animation-timing-function: linear;*/
    /*-webkit-animation-iteration-count: infinite;*/
    /*animation-iteration-count: infinite;*/
    /*-webkit-animation-direction: alternate;*/
    /*animation-direction: alternate;*/
}
.loc-btn1 i {
    font-size: 12px !important;
    margin-right:  5px;
}
.loc-btn1:hover {
    background: linear-gradient(310deg, #FF0080, #7928CA);
}
/*@keyframes hover {*/
/*    50% {*/
/*        -webkit-transform: translateY(-3px);*/
/*        -ms-transform: translateY(-3px);*/
/*        transform: translateY(-3px);*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateY(-6px);*/
/*        -ms-transform: translateY(-6px);*/
/*        transform: translateY(-6px);*/
/*    }*/
/*}*/
@-webkit-keyframes hover-shadow {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: 0.4;
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: 0.4;
    }
}
@keyframes hover-shadow {
    0% {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
        opacity: 0.4;
    }
    50% {
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
        opacity: 0.4;
    }
}
@-webkit-keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
@keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@media only screen and (max-width: 767px) and (min-width: 200px) {
    .loc-btn1 {
        font-size: 13px;
        padding: 10px 20px;
    }
}