.alert-message {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 25px 25px 16px; }
  @media screen and (min-width: 1200px) {
    .alert-message {
      padding: 15px 60px; } }
  .alert-message.dismissed {
    display: none;
    height: 0;
    padding: 0; }
  .alert-message .text-container {
    align-items: center;
    display: flex;
    font-size: 1rem; }
    .alert-message .text-container ol,
    .alert-message .text-container ul {
      list-style-position: inside; }
  .alert-message .close-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin-left: 20px;
    padding: 0; }
    .alert-message .close-btn svg {
      pointer-events: none;
      height: 16px;
      width: 16px; }
      @media screen and (min-width: 768px) {
        .alert-message .close-btn svg {
          height: 25px;
          width: 25px; } }
  .alert-message.alert--success {
    background-color: #7dd69d; }
  .alert-message.alert--error {
    background-color: #833534; }
  .alert-message.alert--warning {
    background-color: #fb9a2d; }
  .alert-message.alert--information, .alert-message.alert--info {
    background-color: #4863ae; }
  .alert-message.alert--error .text-container, .alert-message.alert--information .text-container, .alert-message.alert--info .text-container {
    color: #fff; }
    .alert-message.alert--error .text-container a, .alert-message.alert--information .text-container a, .alert-message.alert--info .text-container a {
      color: #fff; }
    .alert-message.alert--error .text-container path, .alert-message.alert--information .text-container path, .alert-message.alert--info .text-container path {
      fill: #fff; }
  .alert-message.alert--error .close-btn path, .alert-message.alert--information .close-btn path, .alert-message.alert--info .close-btn path {
    fill: #fff; }
  .alert-message.hide-close-btn .close-btn {
    display: none; }

header .alert-message {
  position: fixed;
  width: 100%;
  z-index: 50; }