:root {
  --heading-color: #000000;
  --white: #ffffff;
  --white-soft: #ffffffcc;
  --basic-start: #694cc6;
  --basic-mid: #643bb5;
  --basic-end: #4e2aa5;
  --standard-start: #b330b8;
  --standard-mid: #982cb3;
  --standard-end: #7627a3;
  --premium-start: #d7287d;
  --premium-mid: #c8216c;
  --premium-end: #a01156;
  --divider-color: rgba(255,255,255,0.7);
  --cross-color: #ff4d6d;
  --price-text: #ffffff;
  --text-color: #ffffff;
}

/* Heading */
.pricing-heading {
  color: var(--heading-color);
  font-size: 48px;
  font-weight: 800;
  letter-spacing: 1px;
}

/* Pricing Card Base */
.pricing-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.03));
  border-radius: 35px;
  padding: 30px 25px 40px;
  text-align: center;
  color: var(--text-color);
  position: relative;
  overflow: hidden;
  height: 100%;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

/* Rounded Top */
.card-top {
  width: 100%;
  height: 100px;
  background: inherit;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 40px 40px 0 0;
  border-bottom: 2px solid var(--white);
}

/* BASIC COLORS */
.card-basic {
  background: linear-gradient(180deg, var(--basic-start), var(--basic-mid), var(--basic-end));
}

/* STANDARD COLORS */
.card-standard {
  background: linear-gradient(180deg, var(--standard-start), var(--standard-mid), var(--standard-end));
}

/* PREMIUM COLORS */
.card-premium {
  background: linear-gradient(180deg, var(--premium-start), var(--premium-mid), var(--premium-end));
}

/* Titles */
.plan-title {
  font-size: 22px;
  font-weight: 700;
  margin-top: 40px;
  color: var(--white);
}

/* Price */
.plan-price {
  font-size: 46px;
  font-weight: 800;
  margin-top: 100px;
  color: var(--price-text);
}

/* Dots divider */
.dots-divider {
  letter-spacing: 4px;
  opacity: 0.7;
  margin-bottom: 20px;
  color: var(--divider-color);
}

/* Features */
.feature-list {
  list-style: none;
  padding: 0;
  margin-bottom: 35px;
  text-align: left;
}

.feature-list li {
  margin: 10px 0;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--white);
}

.cross {
  color: var(--cross-color);
}

/* BUY NOW BUTTON */
.btn-buy {
  width: 100%;
  background: var(--white);
  color: var(--heading-color);
  padding: 12px 0;
  border-radius: 25px;
  font-weight: 700;
  border: none;
  transition: 0.3s ease;
}

.btn-buy:hover {
  background: var(--white-soft);
}/*# sourceMappingURL=pricingDesign2.css.map */