.premium-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:14px;
    padding:16px 34px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:60px;
    color:#fff;
    overflow:hidden;
    transition:.45s ease;
    font-size:15px;
    font-weight:600;
}

.premium-btn::before{
    content:"";
    position:absolute;
    left:-100%;
    top:0;
    width:100%;
    height:100%;
    background:#fff;
    transition:.45s ease;
    z-index:0;
}

.premium-btn span,
.premium-btn i{
    position:relative;
    z-index:2;
    transition:.45s;
}

.premium-btn i{
    transform:rotate(-45deg);
}

.premium-btn:hover::before{
    left:0;
}

.premium-btn:hover{
    border-color:#fff;
}

.premium-btn:hover span,
.premium-btn:hover i{
    color:#000;
}

.premium-btn:hover i{
    transform:translateX(6px) rotate(0deg);
}


/*==================================
            CTA
===================================*/

.cta{
    padding:120px 0;
    background:#050505;
}

.cta-box{
    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:80px 60px;
    text-align:center;
}

.cta-box span{
    color:#888;
    font-size:13px;
    letter-spacing:2px;
}

.cta-box h2{
    font-size:20px;
    margin:20px 0;
}

.cta-box p{
    max-width:650px;
    margin:0 auto 40px;
    color:#b5b5b5;
    font-size:15px;
    line-height:1.8;
}

.cta-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
}

@media(max-width:768px){

.cta{
    padding:80px 0;
}

.cta-box{
    padding:50px 30px;
}

.cta-buttons{
    flex-direction:column;
}

}