/* =====================================================
   RESPONSIVE GENERAL
===================================================== */

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

    h2{
        font-size: 40px;
    }

    .main-button a{
        font-size: 12px;
        padding: 10px 20px;
    }

}

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

    h2{
        font-size: 30px;
    }

    .main-button a{
        font-size: 12px;
        padding: 8px 16px;
    }

}

/* =====================================================
   FEATURES TITULOS
===================================================== */

.features h4,
.features h5,
.features .content h4,
.features-item h4{

    font-size: 12px !important;

    font-weight: 600 !important;

    letter-spacing: .5px;

    text-transform: uppercase;

}

/* =====================================================
   FEATURES BOTONES PREMIUM
===================================================== */

.features-post .main-button a{

    background: linear-gradient(
        135deg,
        #0d63c9,
        #004694
    ) !important;

    color: #ffffff !important;

    border-radius: 8px !important;

    padding: 10px 22px !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    letter-spacing: .4px;

    text-decoration: none !important;

    border: 1px solid rgba(255,255,255,.12);

    box-shadow:
        0 6px 18px rgba(0,70,148,.35);

    transition: all .3s ease;

}

/* =====================================================
   HOVER BOTONES
===================================================== */

.features-post .main-button a:hover{

    background: linear-gradient(
        135deg,
        #1976e3,
        #0052b8
    ) !important;

    color: #fff !important;

    transform: translateY(-2px);

    box-shadow:
        0 12px 24px rgba(0,70,148,.45);

}