// Notice
.wpz-custom-css-js-footnote {
  border        : none !important;
  padding       : 15px 10px 15px 50px !important;
  line-height   : 1.5 !important;
  font-size     : 14px !important;
  color         : #3D3B38 !important;
  box-shadow    : 0 2px 7px 0 rgba(0, 0, 0, 0.08);
  position      : relative;
  border-radius : 4px;

  a {
    color       : inherit !important;
    font-weight : 700;
    }

  &:before {
    position      : absolute;
    width         : 30px;
    height        : 30px;
    display       : block;
    left          : 10px;
    top           : 50%;
    transform     : translate(0, -50%);
    font-size     : 18px;
    color         : #FFF;
    text-align    : center;
    border-radius : 4px;
    }

  @media (max-width : 600px) {
    padding-top  : 50px !important;
    padding-left : 15px !important;
    text-align   : center;

    &:before {
      top       : 10px;
      left      : 50%;
      transform : translate(-50%, 0);
      }
    }
  }


// Other
.wpz-custom-css-js-footnote {
  margin-top : 20px !important;
  }


#wpz-custom-css-js-settings  .wpz-custom-css-js-notification {
  margin-bottom : 15px;
  @include notificationMixin();

  .wpz-custom-css-js-button-secondary {
    font-size: 12px!important;
    }
  }