/* Base background */
.button.button-blue,
.button-3d.button-blue {
    background-color: #1E88E5;
}

/* Hover shadow (macam pattern yellow: #ffc501 → #deac02, sikit lebih gelap) */
.button-3d:hover.button-blue {
    -webkit-box-shadow: 0 3px 0 #1565C0;
    -moz-box-shadow: 0 3px 0 #1565C0;
    box-shadow: 0 3px 0 #1565C0;
}

/* Ripple effect border color (untuk hover-ripple-out yang button korang guna) */
.button-blue.hover-ripple-out:before,
.button-blue.hover-ripple-in:before {
    border-color: #1E88E5 !important;
}