.bio-button-container {
    display: flex;
    gap: 0.3rem;
}

.bio-button {
    display: inline-block;

    margin-left: 1rem;
    transition: transform 0.5s ease, filter 0.1s ease;
}

.bio-button:hover {
    transform: scale(1.2);
}

.bio-button:active {
    filter: brightness(0.4);
    transform: scale(0.8);
    transition: scale 0.1s ease;
}

.bb-img {
    width: clamp(30px, 40vh, 3.5vh);
}

@media (max-aspect-ratio: 3/4)  { 

  .bio-button-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

}