.container {
  padding: 16px 12px;
  border-radius: 8px;
  margin-top: 20px;
  width: 100%;
  background-color: #fbfbff;
}

.title {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #0f0f0f;
}

.no-pressure {
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  margin-top: 4px;
  color: #4f4f4f;
}

.applied {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(
    95.17deg,
    rgb(207, 139, 243) -16.49%,
    rgb(167, 112, 239) -15.14%,
    rgb(253, 185, 155) 115.23%
  );
  border-radius: 6px;
  margin-top: 16px;
  padding: 3px 9px;
}

.present-image {
  width: 20px;
}

.applied .description {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: rgb(251, 251, 255);
}

.applied > .side {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.discount {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  color: rgb(51, 51, 51);
  line-height: 19px;
  margin-right: 10px;
}

.discount::before {
  position: absolute;
  content: "";
  left: -2px;
  top: 50%;
  right: -2px;
  border-top: 1px solid rgb(235, 87, 87);
  border-right-color: rgb(235, 87, 87);
  border-bottom-color: rgb(235, 87, 87);
  border-left-color: rgb(235, 87, 87);
  transform: rotate(8deg);
}

.applied strong {
  font-weight: 800;
  font-size: 14px;
  line-height: 19px;
  color: rgb(15, 15, 15);
}

.cost-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.cost-container > p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: rgb(79, 79, 79);
}

.cost-container .discount {
  color: rgb(130, 130, 130);
}

.cost-container strong {
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  color: rgb(51, 51, 51);
}

.save {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: rgb(32, 31, 31);
}

.line {
  height: 1px;
  background-color: rgb(153, 116, 246);
  margin-top: 16px;
  margin-bottom: 16px;
  box-sizing: content-box;
}

.total-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.total-container > p {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: rgb(15, 15, 15);
}

.total-container strong {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  background: linear-gradient(
      165.54deg,
      rgb(20, 19, 51) -33.39%,
      rgb(32, 34, 97) 15.89%,
      rgb(84, 60, 151) 55.84%,
      rgb(105, 57, 162) 74.96%
    )
    text;
  -webkit-text-fill-color: transparent;
}
