/* sppb-btn-slider and default */
.sp-slider-btn-text{
    background: rgb(255 255 255 / 20%) !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    color:#222 !important;
    border:1px solid #222;
    border-radius:10px !important;
    transition:0.5s !important;
    font-size: 14px !important;
}

.sp-slider-btn-text:hover, .sp-slider-btn-text:focus{
    scale:0.95;
    opacity:0.5;
}

.sppb-btn-default{
    background: rgb(255 255 255 / 20%) !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    color:#222 !important;
    border:1px solid #222;
    border-radius:10px !important;
    transition:0.5s !important;
    padding:10px 20px !important;
    font-size: 14px !important;
}

.sppb-btn-default:hover, .sppb-btn-default:focus{
    scale:0.95;
    opacity:0.5;
    border:1px solid #000;
}

/* sppb-btn-primary cta */
.sppb-btn-primary{
    background: rgb(34 34 34 / 10%) !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    color:#fff !important;
    border:1px solid #fff;
    border-radius:10px !important;
    transition:0.5s !important;
    padding:10px 20px !important;
    font-size: 14px !important;
}

.sppb-btn-primary:hover, .sppb-btn-primary:focus{
    scale:0.95;
    opacity:0.5;
    border:1px solid #fff;
}

/* btn-primary submit contact */
.btn-primary{
    background: rgb(255 255 255 / 20%) !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    color:#222 !important;
    border:1px solid #222;
    border-radius:10px !important;
    transition:0.5s !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
}

.btn-primary:hover, .btn-primary:focus{
    scale:0.95;
    opacity:0.5;
    border:1px solid #222;
}

/* btn-info services */
.sppb-btn-info {
    display: flex;
    flex-direction: column;
    padding:50px 0;
    border-radius:15px;
    background:rgb(255 255 255 / 20%);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    color:#222;
    border:1px solid #222;
    transition:0.5s;
    font-size: 14px !important;
}
.sppb-btn-info:hover{
    background: rgb(10 23 90 / 90%) !important;
}
.sppb-btn-info i {
    margin-bottom:30px !important;
    font-size:32px;
}

/* Responsive */
@media  (max-width:991px){
    .sppb-btn-info{
        height:170px;
    }
}

@media  (max-width:767px){
    .sppb-btn-info{
        font-size:12px !important;
        height:150px;
        padding:30px;
    }
}

@media  (max-width:525px){
    .sppb-btn-info{
        font-size:12px !important;
        height:120px;
        padding:15px;
    }
    .sppb-btn-info i {
        margin-bottom:15px !important;
        font-size:24px;
    }
}
