#alert {
  display: none;
  background: #0C153B url(../img/footer-background.png) no-repeat center/cover;
  color: #fff;
  z-index: 1; }
  #alert::after {
    content: "";
    height: 6px;
    width: 100%;
    display: block;
    background: transparent linear-gradient(90deg, #FD806A 0%, #F9C917 100%) 0% 0% no-repeat padding-box; }
  #alert.visible {
    display: block; }
  #alert .container {
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 48px 8px 16px;
    position: relative;
    max-width: 1328px; }
    #alert .container .copy {
      margin: 0 16px; }
      #alert .container .copy p {
        margin: 0;
        line-height: 28px;
        text-transform: uppercase; }
        #alert .container .copy p a {
          display: inline-block;
          color: #F9C917;
          font-family: "Klavika", "Helvetica", "Arial", sans-serif;
          text-transform: uppercase;
          font-size: 12px;
          letter-spacing: 1.8px;
          line-height: 15px;
          font-weight: 500;
          text-transform: uppercase;
          border: #F9C917 2px solid;
          border-radius: 5px;
          padding: 8px 24px !important;
          margin-left: 16px; }
          #alert .container .copy p a:hover {
            background: #fff;
            color: #2D387B;
            text-decoration: none;
            border-color: #fff; }
    #alert .container #noticeClose {
      position: absolute;
      right: 0;
      cursor: pointer;
      margin-right: 16px; }

/*# sourceMappingURL=alert.css.map */