hover.scss

a {
               @include card();
                transition: all 1s ease;

                @include breakpoint($bp-small, 'max') {
                    display: block;
                    margin: $margin-base;
                }

                &:hover,
                &:focus,
                &:active {
                    background: lighten($color-primary, 15%);
                    transform: rotate(-2deg);

                    @include breakpoint($bp-large + 1) {
                       transform: rotate(-5deg);
                    }

                    &:nth-child(even) {
                        transform: rotate(2deg);

                        @include breakpoint($bp-large + 1) {
                            transform: rotate(5deg);
                         }
                    }
                }
            }