:root {
    --color01: #25468b; /*azul*/
}

.btn-01, .btn-02, .btn-03 {
    border: none;
    border-radius: 3px;
    margin: x5px 3px;
}

.btn-01 {
    background: var(--color01);
}

.btn-02 {
    background: #555;
}

    .btn-01, .btn-01 i, .btn-02, .btn-02 i {
        color: #FFF
    }

.btn-03 {
    background: #FFF;
    color: var(--color01);
    border: solid 1px var(--color01);
}

    .btn-03:hover {
        background: var(--color01) !important
    }

    .btn-01:hover,
    .btn-02:hover,
    .btn-03:hover {
        box-shadow: 0px 0px 100px rgba(0,0,0,0.3) inset;
        color: #FFF !important
    }

    .btn-02:active,
    .btn-01:active,
    .btn-03:active {
        box-shadow: 0px 0px 100px rgba(0,0,0,0.5) inset;
    }