html {
    scroll-behavior: smooth;
  }

  .pm-back-to-top {
    position: fixed;
    right: 24px;
    bottom: 24px;

    width: 60px;
    height: 60px;

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

    border: none;
    cursor: pointer;

    background: linear-gradient(135deg, #ff9f43 0%, #ff6b00 100%);

    border-radius: 999px;

    box-shadow:
      0 10px 24px rgba(255, 107, 0, 0.32),
      0 3px 8px rgba(0,0,0,0.12);

    z-index: 9999;

    opacity: 0;
    visibility: hidden;

    transform: translateY(28px) scale(0.96);

    transition:
    opacity 1s ease,
    transform 1.45s cubic-bezier(0.22, 0.61, 0.36, 1),
    box-shadow 0.8s ease,
    visibility 0s linear 1.45s;
  }

  .pm-back-to-top.is-show {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
  }

  .pm-back-to-top:hover {
    transform: translateY(-5px);
  }

  .pm-back-to-top-icon {
    width: 22px;
    height: 22px;
  }
.pm-back-to-top:active {
  transform: scale(0.96);
  @media screen and (max-width: 767px) {

    .pm-back-to-top {
      width: 52px;
      height: 52px;

      right: 16px;
      bottom: 16px;
    }

  }