:root {
  --color-primary: #666665;
  --color-secondary: #45ab53;
  --color-text: #041d00;
  --color-white: #ffffff;
  --gradient-bottle-start: color-mix(
    in srgb,
    var(--color-primary) 30%,
    white
  );
  --gradient-bottle-mid: color-mix(
    in srgb,
    var(--color-primary) 46%,
    white
  );
  --gradient-bottle-end: color-mix(
    in srgb,
    var(--color-primary) 78%,
    black
  );
}

.tls-checkout-card {
  background-image: linear-gradient(
    to bottom,
    var(--gradient-bottle-start),
    var(--gradient-bottle-end)
  );
}

.tls-checkout-card--hero {
  background-image: linear-gradient(
    to bottom,
    var(--gradient-bottle-start),
    var(--gradient-bottle-mid),
    var(--gradient-bottle-end)
  );
}

.tls-best-value-badge {
  background-color: var(--gradient-bottle-end);
}