.intro p,
.intro aside {
  font-size: 18px;
  margin: 0;
  line-height: 1.8;
}

.intro .right {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.intro .right h4 {
  margin: 0;
  font-size: 18px;
}

.audiobook {
  display: flex;
  flex-direction: row;

  border: 2px solid var(--pink);
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 1rem;
  align-items: center;
}

.audiobook .icons {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}

.audiobook .icons img {
  width: 2rem;
  cursor: pointer;
  -webkit-filter: grayscale(100%) brightness(100);
  filter: grayscale(100%) brightness(100);
  transition: transform 0.3s ease;
}

.audiobook .icons img:hover {
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
  transform: scale(1.1);
}

.justify-content-around {
  justify-content: space-around;
}

@media (min-width: 1200px) {
  .intro aside {
    padding: 32px;
    background: #222930;
    border-radius: 1rem;
    margin: 1rem 0;
  }

}

@media (max-width: 899px) {

  .intro .right .col-12 {
    -ms-flex: 100%;
    flex: 100%;
  }

  .audiobook {
    flex-direction: column;
    gap: 1rem;
  }