.hover {
    &-color {
        &-one {
            &:hover {
                color: #7f56d9 !important;
            }
        }
        &-white {
            &:hover {
                color: #fff !important;
            }
        }
    }
    &-bg {
        &-one {
            &:hover {
                background-color: $hover-color !important;
            }
        }
        &-two {
            &:hover {
                background-color: $primary-color !important;
            }
        }
        &-three {
            &:hover {
                background-color: $main-color !important;
            }
        }
    }
    &-border {
        &-one {
            &:hover {
                border-color: $primary-color !important;
            }
        }
    }
}
