.kwork-widget {
    position: fixed;
    right: -182px; /* 300 - 118 = 182, снаружи торчит только 118px */
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 113px;
    display: block;
    z-index: 9999;
    transition:
      right 0.45s ease,
      transform 0.25s ease;
    will-change: right, transform;
    text-decoration: none;
  }

  .kwork-widget img {
    display: block;
    width: 300px;
    height: 113px;
    pointer-events: none;
    user-select: none;
  }

  .kwork-widget.is-open,
  .kwork-widget:hover {
    right: 0;
  }

  .kwork-widget:hover {
    transform: translateY(-50%) scale(1.01);
  }

  /* зона круга: первые 112px */
  .kwork-pulse {
    position: absolute;
    left: 0;
    top: 0;
    width: 112px;
    height: 113px;
    pointer-events: none;
    border-radius: 56px;
    opacity: 0;
  }

  .kwork-widget:hover .kwork-pulse {
    opacity: 1;
  }

  .kwork-widget:hover .kwork-pulse::before,
  .kwork-widget:hover .kwork-pulse::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 2px rgba(255,255,255,.45);
    animation: kworkPulse 1.6s ease-out infinite;
  }

  .kwork-widget:hover .kwork-pulse::after {
    animation-delay: .8s;
  }

  @keyframes kworkPulse {
    0% {
      transform: translate(-50%, -50%) scale(.85);
      opacity: .9;
    }
    100% {
      transform: translate(-50%, -50%) scale(1.9);
      opacity: 0;
    }
  }

  @media (max-width: 768px), (hover: none), (pointer: coarse) {
    .kwork-widget {
      top: auto;
      bottom: 18px;
      transform: none;
    }

    .kwork-widget:hover {
      transform: none;
    }
  }