.process_btn {
	position: absolute;
  right: 5rem;
  bottom: 9rem;
  width: 3.5rem;
	aspect-ratio: 1/1;
  opacity: 0;
  animation: process_rotate_opacity 1.8s 1.8s ease-out forwards;
  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/top/process_rotate.svg) no-repeat center / cover;
    animation: process_rotate 7s linear infinite;
  }
  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/top/process_arr.svg) no-repeat center / cover;
    transition:  0.3s;
  }

	@media screen and (min-width: 960px) {
		right: 11rem;
		bottom: 7.277rem;
		width: 8.333rem;
	}
  &:hover {
    &::before {
      animation-play-state: paused;
    }
    &::after {
      scale: 0.8;
    }
  }
}
@keyframes process_rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes process_rotate_opacity {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}