@media (hover: hover) and (pointer: fine) {
  @keyframes svelte-dkkpp3-scale-x-twice {
    0% {
      transform-origin: right top;
      transform: scaleX(1)
    }

    30% {
      transform-origin: right top;
      transform: scaleX(0)
    }

    31% {
      transform-origin: left top;
      transform: scaleX(0)
    }

    to {
      transform-origin: left top;
      transform: scaleX(1)
    }
  }

  .view-more-btn.svelte-dkkpp3:hover:after, .view-more-btn-container:hover .view-more-btn:after {
    animation: svelte-dkkpp3-scale-x-twice .5s cubic-bezier(1, 0, 0, 1)
  }
}