.project-icon-btn {
    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    color: rgb(82 82 91);
    background: rgb(244 244 245);

    transition: all 0.25s ease;
}

.project-icon-btn img {
    object-fit: contain;
}

.project-website-icon {
    width: 28px;
    height: 28px;
}

.project-github-icon {
    width: 20px;
    height: 20px;
}

.project-icon-btn:hover {
    transform: translateY(-2px);
    color: rgb(13 148 136);
    background: rgb(240 253 250);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.dark .project-icon-btn {
    color: rgb(161 161 170);
    background: rgb(39 39 42);
}

.dark .project-icon-btn:hover {
    color: rgb(45 212 191);
    background: rgb(19 78 74);
}