a.button {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    display: block;
    margin: 20px auto;
    border-radius: 10px !important;
    /* max-width: 180px; */
    text-decoration: none;
    border-radius: 0px;
    padding: 12px 30px;
    color: var(--boton-font-color) !important;
    /* box-shadow: var(--boton-box-shadow); */
    background-color: var(--boton-bg-color);
}

    a.button:hover {
        color: var(--boton-font-color_hover) !important;
        box-shadow: var(--boton-box-shadow_hover);
        background-color: var(--boton-bg-color_hover);
    }

a.button_pag {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    display: block;
    margin: 0px;
    text-decoration: none;
    border-radius: 0px !important;
    padding: 12px 30px;
    color: var(--boton-font-color) !important;
    box-shadow: var(--a-link-hover);
    background-color: #0097E8;
}

    a.button_pag:hover {
        color: var(--boton-font-color_hover) !important;
        box-shadow: var(--a-link-hover) !important;
        background-color: var(--a-link-hover) !important;
    }

a.button_pag_min {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    display: block;
    margin: 0px;
    text-decoration: none;
    border-radius: 0px !important;
    padding: 10px 20px;
    color: var(--footer-bg-color) !important;
    box-shadow: #e22f89;
    border: 2px solid var(--footer-bg-color);
    background-color: #0097e8;
}

    a.button_pag_min:hover {
        color: var(--boton-font-color_hover) !important;
        box-shadow: #e22f89;
        background-color: var(--a-link-hover) !important;
    }




a.button2 {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    display: block;
    margin: 20px auto;
    max-width: 180px;
    text-decoration: none;
    border-radius: 0px;
    padding: 12px 30px;
    color: rgba(48, 54, 65, 1) !important;
    box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;
}

    a.button2:hover {
        color: rgba(255, 255, 255, 0.85) !important;
        box-shadow: rgba(30, 22, 54, 0.7) 0 80px 0px 2px inset;
    }

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    display: block;
    margin: 20px auto !important;
    /* max-width: 180px; */
    text-decoration: none;
    border-radius: 0px !important;
    border: 0px;
    padding: 10px 20px;
    color: #000000 !important;
    box-shadow: black !important;
    background-color: #69e781;
}

    button, html input[type=button], input[type=reset], input[type=submit]:hover {
        /* color: #ffffff !important; */
        /* background-color: #002058 !important; */
    }

.btn_max_width {
    width: 100% !important;
}

.default-button {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    display: block !important;
    text-decoration: none !important;
    border-radius: 0px !important;
    border: 0px !important;
    padding: 10px 20px !important;
    color: #000000 !important;
    box-shadow: black !important;
    background-color: #000000 !important;
}

.cancel-button {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    display: block !important;
    text-decoration: none !important;
    border-radius: 0px !important;
    border: 0px !important;
    padding: 10px 20px !important;
    color: #000000 !important;
    box-shadow: black !important;
    background-color: #ff0000 !important;
}

.disable-button {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    display: block !important;
    text-decoration: none !important;
    border-radius: 0px !important;
    border: 0px !important;
    padding: 10px 20px !important;
    color: #000000 !important;
    box-shadow: black !important;
    background-color: #bbb !important;
}


.add-button {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360) !important;
    display: block !important;
    text-decoration: none !important;
    border-radius: 0px !important;
    border: 0px !important;
    padding: 10px 20px !important;
    color: #000000 !important;
    box-shadow: black !important;
    background-color: #21a9e1 !important;
}

.boton_enviar_direccion {
    color: black !important;
    font-weight: bold !important;
    padding: 10px 20px 10px 20px;
    min-width: 100px !important;
    border-radius: 0px !important;
    background-color: #34ed88;
}

.boton_editar_direccion {
    color: black !important;
    font-weight: bold !important;
    padding: 10px 20px 10px 20px;
    min-width: 100px !important;
    border-radius: 0px !important;
    background-color: #ffab00;
}

.boton_eliminar_direccion {
    color: black !important;
    font-weight: bold !important;
    padding: 10px 20px 10px 20px;
    min-width: 100px !important;
    border-radius: 0px !important;
    background-color: #ff0018;
}