.card {
  height: 230px;
  background: white;
  padding: 1rem;
  border-radius: 8px;
  border: 2px solid #231F20;
  box-shadow: 2px 2px #231F20;
  overflow: hidden;
}

.pricing-block-content {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: .5rem;
}

p.price-number {
  margin-top: 0px;
}

.pricing-plan {
  color: #231F20;
  font-size: 1.3rem;
  line-height: 1.25;
  font-weight: 700;
}

.price-value .price-number {
  font-size: 30px;
}

.pricing-note {
  opacity: .8;
}

.card.yellow {
  background: #FCE22A;
}

.card.light-yellow {
  background: #FFE898;
}

.card:hover {
  box-shadow: .2rem .2rem #231F20;

}
.card.long{
  width: 300px;
  height: 280px;
}

.card.large{
  padding: 20px;
  height: 150px;
}

@media screen and (max-device-width: 480px) {
  .card.large{
    height: 200px;
    padding: 15px;
  }
}