/* blue button styles */

button.blue_sw {
    background-color: #2275b8; /* 700 */
    box-shadow: 0 6px 0px #1c5595; /* 900 */

    margin-top: 6px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 0;

    transform: translateY(-6px);
    transition: all 0.1s ease;
}

button.blue_sw:hover {
    background-color: #6cb3e0; /* 300 */
    box-shadow: 0 4px 0px #1c5595; /* 900 */
    transform: translateY(-4px);
}

button.blue_sw:active {
    background-color: #3694d6; /* 500 */
    box-shadow: 0 0px 0 #1c5595; /* 900 */
    transform: translateY(0px);
}