Hover effect on card

Is it possible to have an hover effect on a card ? ( like it is on bootstrap)

Thank you for your reply

Yes, you can use CSS to achieve that:

.rz-card:hover {
   background: red;

Thank you for your answer and it works only if i put this in site.css
I have an application that loads extra assemblies(razor libraries) which contains razor components.
if i put the Css in the component like this : MyComponent.razor & css in MyComponent.razor.css it doesnt work. do you have any idea why ?

Probably the CSS isn't registered. Check it with your browser developer tools.