.m-button-blue {
  background-color: #003399;
  color: white;
  border: none;
  /*padding: 12px 24px;*/
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.m-button:hover-blue {
  background-color: #357ABD;
  transform: translateY(-2px);
}

.m-button:active-blue {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}




.m-button {
  background-color: white;
  color: #003399;
  border: none;
  /*padding: 12px 24px;*/
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.m-button:hover {
  background-color: #99aaff;
  transform: translateY(-2px);
}

.m-button:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}