.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
    border-radius: 0;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    height: fit-content;
    width: fit-content;
    transition: all 0.5s;

    &.btn-secondary {
        color: #fff;
        background: $color-2;
        border-color: $color-2;
        
        &.btn-inscribirse {
            width: 100%;
            max-width: 160px;
            padding: 9px 0;
            box-shadow: 0 20px 40px 0 rgba(44, 48, 46, 0.1);

            @media (max-width:900px) {

                display: none;
            }

            &:hover {
                background-color: transparent;
                border-color: $color-3;
                color: $color-3;
            }
        }
    }


    &.btn-inscribirse-2 {
        width: 100%;
        max-width: 300px;
        border-color: $color-2;
        color: #fff;
        margin: 0 auto;

        &:hover {
            background: $color-2;
            
        }
    }
    &.btn-footer {
        width: 100%;    
        max-width: 314px;
        letter-spacing: 0.5px;
        font-size: 12px;
        font-weight: 600;
        border: 1px solid #ac7963;

        &:hover {
            background: #ac7963;
            color: #fff;
        }
    }
    &.descargar-bases {
        width: 100%;    
        max-width: 250px;
        letter-spacing: 0.5px;
        font-size: 12px;
        font-weight: 600;
        border: 1px solid $color-3;
        color: $color-3;

        &:hover {
            background: $color-3;
            color: #fff;

            i {
                color: #fff;
            }
        }
        i {
            margin-right: 10px;
            color: $color-3;
        }

    }
    &.btn-inscribete {
        width: 100%;
        font-weight: 600;
        max-width: 300px;
        border-color: #649e9a;
        color: #649e9a;

        &:hover {
            background: $color-2;
            color: #fff;
        }
        &.btn-solid {
            max-width: 216px;
            background: $color-2;
            color: #fff;
        }
    }
}


.leer-mas {
    margin-top:30px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #ac7963;
    text-transform: uppercase;

    i {
        transition: all .5s;
    }

    &:hover {
        color: #ac7963; 

        i {
            margin-left: 10px;
        }
    }
}
.volver {
    color: #fff;
    font-family: $principal-font;
    font-size: 12px;
    letter-spacing: 1.64px;

    i {
        color: $color-3;
    }
}