.course-options-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.course-options-grid .course-card {
  min-height: 390px;
  justify-content: flex-start;
  padding-top: 96px;
}

.course-options-grid .course-card > * {
  position: relative;
  z-index: 1;
}

.course-options-grid .course-card > .icon {
  position: absolute;
  top: 28px;
  left: 35px;
  right: auto;
}

.course-options-grid .course-card > p:not(.tag) {
  margin-bottom: 24px;
  opacity: .88;
}

.course-options-grid .course-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-top: auto;
  padding: 12px 17px;
  border-radius: 999px;
  background: #25d366;
  color: #fff;
  font-size: .9rem;
  font-weight: 800;
  box-shadow: 0 9px 22px rgba(20, 40, 25, .2);
}

.course-options-grid .course-whatsapp:hover {
  background: #fff;
  color: #285c39;
  transform: translateY(-2px);
}

.a2-card { background: #b12b80; }
.b1-card { background: #933492; }
.b2-level-card { background: #7133a8; }
.c1-card { background: #5f2e91; }
.c2-card { background: #4d2776; }
.private-card { background: #3e246c; }

.course-options-grid .course-card > .course-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 20px;
  color: #fff;
  opacity: 1;
}

.course-price strong {
  font: 800 2rem Manrope, sans-serif;
}

.course-price span {
  font-size: .9rem;
  font-weight: 700;
}

@media (max-width: 900px) {
  .course-options-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 600px) {
  .course-options-grid {
    grid-template-columns: 1fr;
  }

  .course-options-grid .course-card {
    min-height: 340px;
  }

}