.catbtn {
    height: auto;
    width: 4rem;
    object-fit: fill;
}

.catbtn:hover {
    cursor: pointer;
}

.socialsbtn {
    height: auto;
    width: 4rem;
    object-fit: fill;
}

.projectbtn {
    height: auto;
    width: 8rem;
    object-fit: fill;
}

.bbtn:hover {
    transform: translateY(-0.5rem);
}

.bbtn:active {
    transform: translateY(0.2rem);
}

.lookbtn {
    perspective: 50cm;
    transform-style: preserve-3d;
    transition: transform 1s var(--intro-bezier);
    will-change: transform;
}

.lookbtn:hover {
    transition: transform 0.1s linear;
}