.modul-light-template {
    &__header {
        &__arrow-left,
        &__arrow-right {
            .m-button.m-button.m-button {
                .m-icon {
                    transition: 0.45s transform ease;
                }
            }
        }

        &__arrow-left {
            left: 0;

            .m-button{
                &:hover {
                    .m-icon {
                        transform: rotate(-360deg);
                    }
                }
            }
        }

        &__arrow-right {
            right: 0;

            .m-button {
                &:hover {
                    .m-icon {
                        transform: rotate(360deg);
                    }
                }
            }
        }
    }
}


.modul-light-template {
    &__header {
        &__arrow-left,
        &__arrow-right {
            .m-button {
                .m-icon {
                    transition: 0.45s transform ease;
                }
            }
        }

        &__arrow-left {
            left: 0;

            .m-button {
                &:hover {
                    .m-icon {
                        transform: rotate(-360deg);
                    }
                }
            }
        }

        &__arrow-right {
            right: 0;

            .m-button {
                &:hover {
                    .m-icon {
                        transform: rotate(360deg);
                    }
                }
            }
        }
    }
}

Fix css warning in light-template
Fix css warning in light-template 

