.subscribe,
.fluid-subscribe {
  border: 1px solid var(--clr-gray-200);
  border-radius: 8px;
}

.subscribe-item,
.fluid-subscribe__item {
  padding: 16px;
}

.one-time-purchase-section,
.fluid-subscribe__item--one-time {
  border-top: 1px solid var(--clr-gray-200);
}

.subscribe-option,
.fluid-subscribe__option {
  position: relative;
}

.subscribe-option input[type="radio"],
.fluid-subscribe__option input[type="radio"] {
  height: 100%;
  width: 100%;
  inset: 0;
  opacity: 0;
  position: absolute;
  outline: none;
  z-index: 3;
  left: 0;
  cursor: pointer;
  top: 0;
}

.subscribe-option input[type="radio"]:checked ~ label::before,
.fluid-subscribe__option input[type="radio"]:checked ~ label::before {
  background-color: var(--clr-white);
  border: 5px solid var(--clr-primary);
}

.subscribe-option input[type="radio"]:checked ~ label p,
.fluid-subscribe__option input[type="radio"]:checked ~ label p {
  color: var(--clr-primary);
}

.subscribe-option input[type="radio"]:checked ~ label span,
.fluid-subscribe__option input[type="radio"]:checked ~ label span {
  color: var(--clr-body);
}

.subscribe-option label,
.fluid-subscribe__option label {
  position: relative;
  padding-left: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.subscribe-option label::before,
.fluid-subscribe__option label::before {
  top: 50%;
  position: absolute;
  height: 20px;
  width: 20px;
  transform: translateY(-50%);
  content: '';
  left: 0;
  border-radius: 9999rem;
  border: 1px solid var(--clr-gray-300);
}

.subscribe-option label span,
.fluid-subscribe__option label span,
.fluid-subscribe__title {
  color: var(--clr-black-500);
}

.subscribe-features li,
.fluid-subscribe__features li {
  color: var(--clr-black-500);
}

.subscribe-features svg,
.fluid-subscribe__features svg {
  width: 20px;
  flex-shrink: 0;
}

.subscribe__limited-stock,
.fluid-subscribe__limited-stock {
  padding: 0 16px 12px;
  font-size: var(--ff-sm, 0.875rem);
  color: var(--clr-black-500);
}