Ich habe eine Schaltfläche mit Neigungseffekt, in der sich ein Text befindet, und wenn ich mit der Maus über die Schaltfläche fahre, erscheinen zwei Linien neben der Schaltfläche.

Es gibt Code, bewegen Sie den Knopf, bis Sie ihn sehen , es ist ein sehr zufälliger Nebeneffekt.

Ich denke, dass es sich um ein Chrome-Problem handelt, bin mir aber nicht sicher. Hier ist ein Bild des Problems: https://prnt.sc/hafHhDOHntco

.button-skew {
  position: relative;
  width: fit-content;
  padding: 6px 40px;
  border-radius: 5px;
  transform: skewX(-7.5deg);
  background: blue;
  transition: all 0.35s cubic-bezier(.47, 1.64, .41, .8);
}

.button-skew:hover {
  padding: 6px 60px;
  transform: skewX(-7.5deg);
  background: red;
  transition: all 0.35s cubic-bezier(.47, 1.64, .41, .8);
}

p {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  transform: skewX(7.5deg);
}

<div class="button-skew">

  <p>Contact us</p>

</div>