.recommendation__title {
  margin-top: 5vh;
  font-family: 'Oswald', sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  color: #FFB71B;
  text-transform: uppercase;
}

.recommendation__contents {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 24px;
}

.recommendation__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.recommendation__text {
  color: white;
  opacity: .5;
  transition: .5s;

  font-family: 'Sofia Sans', sans-serif;
  font-size: 1rem;
}

.recommendation__text:hover {
  opacity: 1;
  transition: .5s;
}