/* A slightly darker color for hover/active/focus for a better visual effect */
.btn-primary {
  /* Default State */
  color: #fff; /* text color */
  background-color: #4682B4;
  border-color: #4682B4;
  
  /* Use !important if other styles are still overriding it (though not usually needed here) */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-check:checked + .btn-primary {
  /* Hover/Focus/Active States (Use a slightly darker color for contrast) */
  color: #fff;
  background-color: #2f577a; /* Darker shade of #4682B4 */
  border-color: #2f577a;
}

.btn-primary:focus {
  /* Focus state outline color (adjust the 50% opacity blue) */
  box-shadow: 0 0 0 0.25rem rgba(70, 130, 180, 0.5); 
}