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

.intro .right{
     display: flex;
    flex-direction: column;
    justify-content: space-evenly; 
}
.intro .right h4{
 margin: 0; 
}
.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;
}