Задать svg-объекту ссылку, сохранив его стили

Имеется svg иконка которая объявлена через object

<div class="footer__social">
  <object type="image/svg+xml" data="img/social/facebook.svg" class="footer__social-link"></object>
  ...
</div>

и для которой заданы определенные стили

<defs>
  <style>
    svg{fill: #b2b2b2; transition: 0.34s}
    svg:hover{ fill: #fcac45;}
  </style>
</defs>

Как задать ссылку иконке, но при этом сохранив ее hover