footer {
  .logo {
    svg {
      transition: transform 0.25s ease-in-out;
      -webkit-transition: transform 0.25s ease-in-out;
      -moz-transition: transform 0.25s ease-in-out;
      -ms-transition: transform 0.25s ease-in-out;
      -o-transition: transform 0.25s ease-in-out;
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
    }

    &:is(:hover, :active) {
      svg {
        transform: rotate(-1deg) scale(1.1);
        -webkit-transform: rotate(-1deg) scale(1.1);
        -moz-transform: rotate(-1deg) scale(1.1);
        -ms-transform: rotate(-1deg) scale(1.1);
        -o-transform: rotate(-1deg) scale(1.1);
      }
    }
  }
}