.btn, .btn-primary, .btn-success, .btn-info, .btn-warning {
  border-radius: 24px !important;
  box-shadow: 0 2px 8px rgba(49,176,213,0.10) !important;
  border: none !important;
  transition: background 0.3s, box-shadow 0.3s, transform 0.2s;
}
.btn:hover, .btn:focus, .btn:active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-info:hover, .btn-info:focus, .btn-info:active,
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  box-shadow: 0 4px 16px rgba(49,176,213,0.18) !important;
  transform: translateY(-2px) scale(1.04);
}
.btn-primary {
  background: linear-gradient(90deg, #337ab7 0%, #00c6a7 100%) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: linear-gradient(90deg, #00c6a7 0%, #337ab7 100%) !important;
  color: #fff !important;
}
.btn-success {
  background: linear-gradient(90deg, #5cb85c 0%, #00c6a7 100%) !important;
  color: #fff !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: linear-gradient(90deg, #00c6a7 0%, #5cb85c 100%) !important;
  color: #fff !important;
}
.btn-info {
  background: linear-gradient(90deg, #5bc0de 0%, #00c6a7 100%) !important;
  color: #fff !important;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: linear-gradient(90deg, #00c6a7 0%, #5bc0de 100%) !important;
  color: #fff !important;
}
.btn-warning {
  background: linear-gradient(90deg, #f0ad4e 0%, #00c6a7 100%) !important;
  color: #fff !important;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: linear-gradient(90deg, #00c6a7 0%, #f0ad4e 100%) !important;
  color: #fff !important;
}
/* Custom override: Remove red color from .btn-danger */
.btn-danger {
  background: linear-gradient(90deg, #31b0d5 0%, #00c6a7 100%) !important;
  border-radius: 24px !important;
  box-shadow: 0 2px 8px rgba(49,176,213,0.15) !important;
  color: #fff !important;
  border: none !important;
  transition: background 0.3s, box-shadow 0.3s, transform 0.2s;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: linear-gradient(90deg, #00c6a7 0%, #31b0d5 100%) !important;
  box-shadow: 0 4px 16px rgba(49,176,213,0.25) !important;
  transform: translateY(-2px) scale(1.04);
  color: #fff !important;
}