#agsdi-notice-welcome,
#agsdi-notice-upgrade_1_5,  {
  border           : none;
  border-radius    : 4px;
  padding          : 25px 15px;
  position         : relative;
  display          : flex;
  align-items      : flex-start;
  background-color : #264de4;

  .notice-dismiss:before {
    color: #fff;
    }

  h3 {
    color       : #fff;
    font-size   : 18px;
    font-weight : 500;
    line-height : 1.2;
    margin      : 0;
    padding     : 0 0 5px;
    }

  p {
    color       : #fff;
    font-size   : 15px;
    line-height : 1.5em;
    margin      : 0;
    padding     : 0;
    }

  a {
    color           : inherit;
    font-weight     : 600;
    text-decoration : underline;
    transition      : all 0.3s ease-in-out;

    &.agsdi-notice-btn {
      color           : #fff;
      background      : #f9826e;
      font-size       : 15px;
      font-weight     : 600;
      line-height     : 1em;
      padding         : 10px 15px;
      border-radius   : 4px;
      display         : inline-block;
      vertical-align  : middle;
      text-align      : center;
      text-decoration : none;
      outline         : none;
      transition      : all 0.3s ease-in-out;
      margin-left     : 8px;

      &:hover,
      &:focus {
        outline    : none;
        box-shadow : rgba(0, 0, 0, 0.19) 0 10px 20px, rgba(0, 0, 0, 0.23) 0 6px 6px;
        }

      &.secondary {
        color            : #254de4;
        background-color : white;
        }
      }

    }

  &:hover {
    text-decoration : none;
    }

  .agsdi-notice-image {
    max-width     : 65px;
    border-radius : 4px;
    margin-right  : 20px;
    }

  @media (max-width : 500px) {

    text-align      : center;
    justify-content : center;

    a.agsdi-notice-btn {
      display   : block;
      max-width : 120px;
      margin    : 10px auto 0;
      }

    .agsdi-notice-image {
      display : none;
      }
    }
  }