.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);
    }
  }
}