.dp-membership-opt {
  margin: 0 0 1.25rem;
  padding: 1rem 1.1rem;
  border: 1px solid #c9b89a;
  border-radius: 4px;
  background: #faf6ee;
}

.dp-membership-opt .dp-membership-checkbox label {
  font-family: Outfit, sans-serif;
  font-weight: 600;
  color: #143326;
}

.dp-membership-help,
.dp-member-active-note,
.dp-member-account-note,
.dp-member-account-badge {
  margin: 0.45rem 0 0;
  font-family: Outfit, sans-serif;
  font-size: 0.92rem;
  line-height: 1.45;
  color: #3a4d42;
}

.dp-member-active-note {
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border-left: 3px solid #c56a2d;
  background: #f3ebdd;
}

.dp-member-pill {
  display: inline-block;
  margin-right: 0.4rem;
  padding: 0.2rem 0.5rem;
  border-radius: 3px;
  background: #c56a2d;
  color: #faf6ee;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  vertical-align: middle;
}

/* Header account Member tag */
body.dp-is-member .wc-block-customer-account,
body.dp-is-member .wp-block-woocommerce-customer-account {
  position: relative;
}

body.dp-is-member .wc-block-customer-account::after,
body.dp-is-member .wp-block-woocommerce-customer-account::after {
  content: "Member";
  position: absolute;
  top: -0.35rem;
  right: -0.55rem;
  padding: 0.12rem 0.35rem;
  border-radius: 3px;
  background: #c56a2d;
  color: #faf6ee;
  font-family: Outfit, sans-serif;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
  pointer-events: none;
  white-space: nowrap;
}