.Alert {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  padding: 30px;
  background-color: #c90d0d;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1400px) {
  .Alert {
    --paddingX: 0;
}
  }
.Alert.is-Hidden {
    display: none;
  }
.Alert .Text {
    color: #ffffff;
  }
.Alert .Text a {
      font-weight: 700;
      text-decoration: none;
      color: #ffffff;
    }
.Alert .Text a:hover {
        text-decoration: underline;
      }
.Alert h2,
  .Alert h3 {
    margin-top: 0;
  }
.Alert i {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #ffffff;
    border-radius: 50px;
    font-size: 1.25rem;
    color: #ffffff;
    outline: none;
  }
.Alert i:hover,
    .Alert i:focus {
      cursor: pointer;
      background-color: rgba(255, 255, 255, 0.1);
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
    }