.nav-category {
    .nav-link {
        display: flex;
        align-items: center;
        padding: .5rem 0;
        transition: all .3s;
        &:hover {
            .nav-icon {
                transform: translateX(10px);
            }
        }
    }
    .nav-icon {
        width: 2.75rem;
        height: 2.75rem;
        background-color: #fff;
        border-radius: 100px;
        transition: all .3s;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 1.5rem;
        svg,
        img {
            height: 2rem;
            width: auto;
        }
    }
    .nav-text {
    }
}