sidebar button change active background color

Help, is there something wrong with my code?
.fi-sidebar-item-button:active{
@apply text-white bg-blue-500;
}
it does not apply

Solution

.fi-sidebar-item-active > .fi-sidebar-item-button {
    @apply text-white bg-blue-500;
}

.fi-sidebar-item-active > .fi-sidebar-item-button {
    @apply text-white bg-blue-500;
}

.fi-sidebar-item-active > .fi-sidebar-item-button {
    @apply text-white bg-blue-500;
}

.fi-sidebar-item-active > .fi-sidebar-item-button {
    @apply text-white bg-blue-500;
}