.alertWrapper {
  padding: 16px 30px 0px 30px;
}

.alert {
  height: 32px;
  background: rgba(58, 137, 254, 0.12);
  border: 1px solid #3a89fe;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 5px 21px;

  :global {
    .easyv-alert-icon {
      animation: amplification 0.3s linear infinite alternate;
      top: 4px;
    }

    @keyframes amplification {
      from {
        opacity: 1;
      }

      to {
        opacity: 0;
      }
    }

    .easyv-alert-message {
      font-size: 12px;
      color: #b4b7c1;
      margin-right: 16px;
      max-width: 100%;
      height: 20px;
      line-height: 20px;
      display: block;
    }

    .easyv-alert-close-icon {
      line-height: 24px;
    }

    .anticon-close {
      color: rgba(255, 255, 255, 0.8);

      &:hover {
        color: rgba(255, 255, 255, 1);
      }
    }
  }
}
