title: How to style mat table on hover like figma design attached
body: <p>I have a design for a mat-table. find the attached image. on hover, the row should look like the attached image</p>
  <p><a href="https://i.stack.imgur.com/Oy88B.png" rel="nofollow noreferrer">figma design on hover</a>
  <a href="https://stackblitz.com/edit/angular-n8gr1n?file=src/app/table/table.component.scss" rel="nofollow noreferrer">stackblitz link</a></p>