.MoodDropdown {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 4rem;

    & > button {
        all: unset;
        --background: var(--clr-empty-light);
        --color: var(--clr-empty-dark);

        font-family: 'Delius', sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: var(--background);
        color: var(--color);

        & span {
            font-size: .8rem;
        }

        & .icon {
            font-size: 2rem;
        }
    }
}