.back-to-top {
    position: fixed;
    bottom: var(--scroll-top-vertical-position);
    font-size: 16px;
    z-index: 2;
    min-width: 44px;
    min-height: 44px;
    opacity: 0;
    transform: scale(0);
    background-color: var(--scroll-top-background);
    color: var(--scroll-top-color);
    box-shadow: 0px 0px 0px 4px var(--scroll-top-border);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease-out;
    svg {
      transform: rotate(-90deg);
    }
    &.show {
      opacity: 1;
      transform: scale(1);
    }
} 
  .back-top-right {
    right: 20px;
  }
  .back-top-left {
    left: 20px; 
  }
  .back-top-center {
      left: 0;
      right: 0;
      margin: 0 auto;
      max-width: max-content;
  }