.footer-newsletter-form {
  .custom-checkbox {
    opacity: 0;

    & + label {
      position: relative;
      &::before {
        content: '';
        position: absolute;
        background-color: var(--color-white);
        width: 11px;
        height: 11px;
        left: -17px;
        top: calc(50% - 5px);
        z-index: 1;
      }
    }

    &:checked + label {
      &::after {
        content: '\2713';
        color: var(--color-red);
        font-weight: var(--font-weight-bold);
        position: absolute;
        width: 11px;
        height: 11px;
        left: -17px;
        top: calc(50% - 7px);
        z-index: 2;
      }
    }
  }
}
