.icon {
    box-shadow: 3px 3px 20px 2px rgb(0 0 0 / 8%), -3px -3px 20px 2px rgba(0, 0, 0, 0.08);
    @mixin dark {
        background-color: #454545;
        &:hover {
            background-color: #575757;
        }

    }
    @mixin light {
        background-color: #ffffff;
        color: var(--mantine-color-dark-3);
        &:hover {
            background-color: #efefef;
            color: var(--mantine-color-dark-3);
        }

    }
}