.messages.callout {
  border: 0;
  margin: 5px;
  border-radius: 2px;
}

.messages a {
  color: inherit;
  text-decoration: underline;
}

.messages.messages--status {
  color: #004025;
  background-color: #dff2ea;
}

.messages.messages--warning {
  color: #594b17;
  background-color: #f2ead5;
}

.messages.messages--error {
  color: #400000;
  background-color: #f2dfdf;
}

.messages .close-button {
  color: inherit;
  z-index: 0; /* surcharge de foundation */
}