.main_footer_optin_button {
        padding: 14px 30px;
        font-size: 1.2em;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        margin-top: 1px;
        display: inline-block;
        width: auto;
        opacity: 0.9;
    }

    .optin_width{
        width: 100%;
    }   

    .gradient_red {
        color: #000;
        background: rgba(239, 25, 1, 1);
        background: -moz-linear-gradient(-45deg, rgb(242, 255, 0) 0%, rgba(253, 111, 46, 1) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 0, 98, 1)), color-stop(100%, rgba(253, 111, 46, 1)));
        background: -webkit-linear-gradient(-45deg, rgba(255, 0, 98, 1) 0%, rgba(253, 111, 46, 1) 100%);
        background: -o-linear-gradient(-45deg, rgba(255, 0, 98, 1) 0%, rgba(253, 111, 46, 1) 100%);
        background: -ms-linear-gradient(-45deg, rgba(255, 0, 98, 1) 0%, rgba(253, 111, 46, 1) 100%);
        background: linear-gradient(135deg, rgb(247, 216, 7) 0%, rgb(244, 210, 15) 100%);   
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0062', endColorstr='#fd6f2e', GradientType=1);
    }

    .main_footer_optin_button:hover{
        color: #FFF;
        background: #000;
    }

    .pagination {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .pagination {
        display: flex;
        justify-content: center;
        margin-top: 20px;
        gap: 8px;
    }

    .page-btn {
        background-color: #007bff;
        color: white;
        border: none;
        padding: 8px 12px;
        font-size: 16px;
        border-radius: 5px;
        cursor: pointer;
        transition: background 0.3s ease, transform 0.1s ease;
        outline: none; /* Elimina el borde azul predeterminado */
    }

    .pagination a {
        padding: 10px 15px;
        margin: 5px;
        text-decoration: none;
        border: 1px solid #ddd;
        color: #333;
        transition: background 0.3s, color 0.3s;
    }

    .pagination a:hover {
        background: #333;
        color: white;
    }

    .pagination a.active {
        background: #444;
        color: white;
        font-weight: bold;
    }


    .redes{
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
        font-size: 18px;                                   
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 30px;
        position: relative;                                   
        text-align: right;
        line-height: 34px;                                   
    }                              

    .redes .redes_back_fb{
        background: #266cfb;
        width: 34px;
        height: 34px;
        border-radius: 100%;
        text-align: center;   
    }  
                            
    .redes .redes_back_ig{
        background: #F40A79;
        width: 34px;
        height: 34px;
        border-radius: 100%;
        text-align: center;   
    }  

    .redes .redes_back_yt{
        background: #e43003;
        width: 34px;
        height: 34px;
        border-radius: 100%;
        text-align: center;   
    }  

    .redes a{
        color: #FFF;
    }