.Scroll {
  position: fixed;
  right: rem(20px);
  bottom: rem(60px);

  width: rem(64px);
  height: rem(64px);

  border-radius: 15%;
  border: none;
  cursor: pointer;

  background: $color-green;
  color: $color-white;
  font-size: rem(22px);

  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;

  @include iflaptop{
    bottom: rem(40px);
  }

  &.Visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
  }

  &:hover {
    background: $color-green-hover;
  }
}
