@media (max-width: 620px) {
  .steps {
    position: relative;
  }

  .step-card::after {
    display: none;
  }

  .process-swipe-cue {
    position: absolute;
    top: 54%;
    right: 14px;
    z-index: 4;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.66);
    border-radius: 999px;
    background: rgba(7, 29, 81, 0.13);
    box-shadow: 0 12px 30px rgba(7, 29, 81, 0.12);
    backdrop-filter: blur(10px);
    cursor: pointer;
    animation: processSwipeCue 1.85s ease-in-out infinite;
  }

  .process-swipe-cue::before {
    content: "";
    position: absolute;
    top: 15px;
    right: 18px;
    width: 13px;
    height: 13px;
    border-top: 2px solid rgba(7, 29, 81, 0.7);
    border-right: 2px solid rgba(7, 29, 81, 0.7);
    transform: rotate(45deg);
  }

  .steps.is-process-last-visible .process-swipe-cue {
    opacity: 0;
    pointer-events: none;
    animation: none;
  }
}

@media (min-width: 621px) {
  .process-swipe-cue {
    display: none;
  }
}

@keyframes processSwipeCue {
  0%,
  100% {
    opacity: 0.34;
    translate: -4px 0;
  }

  45% {
    opacity: 0.92;
    translate: 5px -2px;
  }
}