:root{
  --cf-padding: 12px 16px;
  --cf-radius: 8px;
}

.cf-message{
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
  padding: var(--cf-padding);
  border-radius: var(--cf-radius);
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.cf-message-success{
  background: var(--color-success, #3EB75E);
  color: #fff;
  border: 1px solid rgba(0,0,0,0.04);
}

.cf-message-error{
  background: var(--color-danger, #FF0003);
  color: #fff;
  border: 1px solid rgba(0,0,0,0.04);
}

/* small screens spacing */
@media (max-width: 480px){
  .cf-message{ font-size: 1.2rem; padding: 10px 12px; }
}