.card {
  max-width: 300px;
  border: 2px solid var(--cerulean);
  margin: 0.4rem;
  padding: 0;
}
.card-body {
  padding: 0.6rem 0;
}

.btn-primary {
  font-size: 0.8rem;
  width: 100%;
  padding: 0.2rem;
  margin: 1rem 0;
}

.card-title {
  padding: 0.4rem 0;
}

.img-container {
  width: 100%;
  height: 260px;
}

.img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.total-review {
  height: 20px;
}
.stars {
  margin: 0 0 0.4rem;
}
.starability-result {
  margin: 0 auto;
}

h2 {
  color: var(--mineShaft);
  font-size: 1rem;
}

h3 {
  font-size: 0.8rem;
}

.chartreuse {
  color: var(--chartreuse);
  transition: color 0.3 ease;
  text-decoration: none;
}
.chartreuse:hover {
  color: --var(--white);
}

i.fa-solid {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 24px;
  margin: 0.5rem;
  content: '/f055';
}

.btn-primary {
  width: auto;
  max-width: 200px;
}