@use '../../../style/color/index.scss' as *;
@use '../../../style/utils/backTop/index.scss' as *;
@use 'sass:color';
.ver-backTop {
  position: fixed;
  background-color: $ver-zinc-1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: $ver-violet-6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 0 5px 1px $ver-zinc-5;
  cursor: pointer;
  z-index: 5;

  &:hover {
    background-color: color.adjust($ver-zinc-1, $lightness: -5%);
  }

  &:active {
    transform: scale(0.95);
  }
}
div:has(.ver-backtop) {
  position: relative;
}
