.op3-element[data-op3-element-type="onetimeoffer"] {

  // Card input field is just a placeholder (it will
  // be replaced with stripe iframe on frontend),
  // disabling styling
  .op3-element[data-op3-element-type="input"][data-op3-element-spec="card-entry"] {
    pointer-events: none !important;
    display: block !important;

    // This is default value which is overriden
    // on frontend, setting default back for
    // live-editor preview
    div.op3-element-input-edit {
      display: flex;
    }
  }

  .op3-element[data-op3-element-type="headline"][data-op3-element-spec="offer"]::after {
    content: "PayPal only";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    padding: 0.1em 0.2em;
    background: #ccc;
  }
}

// Show offer headline only if PayPal is connected
body:not(.opc-paypal-connected) .op3-element[data-op3-element-type="onetimeoffer"] .op3-element[data-op3-element-type="headline"][data-op3-element-spec="offer"] {
  display: none;
}