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

.bio-button {
    display: inline-block;
    margin-left: 1rem;
    transition: transform 0.5s ease, filter 0.3s ease;
}

.bio-button:hover {
    transform: scale(1.2);
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.8));
}

.bio-button:active {
    filter: brightness(0.4) drop-shadow(0 0 4px rgba(255, 255, 255, 0.7));
    transform: scale(0.8);
    transition: transform 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;
    }
}