@use '../src/styles/variables';

:host {
  .alert {
    display: flex;
    align-content: center;
    justify-items: center;
  }

  i {
    margin-right: 16px;
  }

  .close-button {
    float: right;
    cursor: pointer;
  }

  .alert {
    border-radius: 8px;

    &.is-warning {
      color: #A7582B;
      font-family: Barlow;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      padding: 18px;

      background: #FDF3EE;
    }
  }
}