@import "variables";
@import "mixins";

.component-newsletter {
  padding: $space-lg 0 $space-md;
  background-color: #d2d4bc;
  .newsletter-col {
    @include bp("lg") {
      flex-direction: column;
    }
  }
  .content-wrap {
    margin-bottom: $space-sm;
    h2 {
      color: $col-sec;
    }
  }
  form {
    input[type="checkbox"] {
      background-color: $white;
      cursor: pointer;
      &:checked {
        background-color: $col-prm;
      }
    }
    label {
      cursor: pointer;
    }
  }
}

.component-newsletter.newsletter-on-popup .newsletter-popup .newsletter-wrap {
  background-color: #d2d4bc;
  padding: $space-md $space-md 0;
  border-radius: $border-radius;
  align-items: center;
  h2 {
    color: $col-sec;
  }
  .close-btn {
    border-radius: 0 $border-radius 0 0;
    color: $col-sec;
  }
}
