.user-card-wrapper {
    user-select: none;
    height: fit-content;
    width: 100%;
    color: #333;
    background-color: #fff;
    border: 1px solid #dadce0;
    padding: 7px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    & .user-card {
        display: flex;
        gap: 0.5em;
        align-items: center;

        & img {
            border-radius: 50%;
        }
    }

    & button {
        cursor: pointer;
        color: #3d7bab;
        display: flex;
        transition: 0.15s;

        &:hover {
            transform: scale(1.3);
        }
    }
}