/**
 * COEM Button Styles
 */

.coem-btn {
  display: inline-block;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  border-radius: 4px !important;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

/* Primary background (blue) */
.coem-btn-primary {
  background-color: #0F81C4;
  border-color: #00C8F0;
  color: #ffffff;
}

.coem-btn-primary:hover {
  background-color: #00C8F0;
  border-color: #0F81C4;
  color: #ffffff;
}

/* Secondary background (light blue/cyan) */
.coem-btn-secondary {
  background-color: #00C8F0;
  border-color: #0F81C4;
  color: #ffffff;
}

.coem-btn-secondary:hover {
  background-color: #0F81C4;
  border-color: #00C8F0;
  color: #ffffff;
}

/* White with primary border */
.coem-btn-white-primary {
  background-color: #ffffff;
  border: 1px solid #0F81C4 !important;
  color: #0F81C4;
}

.coem-btn-white-primary:hover {
  background-color: #0F81C4;
  border-color: #0F81C4;
  color: #ffffff;
}

/* White with secondary border */
.coem-btn-white-secondary {
  background-color: #ffffff;
  border: 1px solid #00C8F0 !important;
  color: #00C8F0;
}

.coem-btn-white-secondary:hover {
  background-color: #00C8F0;
  border-color: #00C8F0;
  color: #ffffff;
}

/* Disabled/Inactive state */
.coem-btn:disabled,
.coem-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}