.mini-btn {
    display: flex;
    align-items: center;
    transition: all 0.2s ease-in-out;
    min-width: max-content;
}
.mini-btn:hover {
    color: var(--red);
}

.mini-btn img {
    filter: brightness(0) saturate(100%) invert(3%) sepia(3%) saturate(5883%)
        hue-rotate(214deg) brightness(95%) contrast(91%);
    transition: all 0.2s ease-in-out;
    min-width: max-content;
    padding: 12px;
}

.mini-btn_round {
    border-radius: 99999px;
    background-color: var(--gray);
}

.mini-btn_round:hover {
    background-color: transparent;
}

.mini-btn_square {
    border-radius: 12px;
}

.mini-btn_square:active {
    background-color: var(--red-light);
    transition-duration: 0s;
}

.mini-btn_square:hover img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(67%) saturate(3116%)
        hue-rotate(347deg) brightness(119%) contrast(89%);
}