/* ==========================================================================
 * Sticky Quote button
 * ========================================================================== */

.quote-link {
  position: fixed;
  bottom: 0px;

  /* привязка к контейнеру, а не к краю экрана */
  right: max(24px, calc((100% - var(--layout-max-width)) / 2)
  );

  z-index: 1000;

  display: inline-flex;
  align-items: center;
  gap: 0.6rem;

  padding: 0.75rem 1.1rem;
  border-radius: 999px;

  background: linear-gradient(
    135deg,
    #2563eb,
    #1e40af
  );

  color: #ffffff;
  text-decoration: none;

  box-shadow:
    0 18px 45px rgba(37, 99, 235, 0.45),
    0 0 0 1px rgba(255,255,255,.15);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
  line-height: 1;
}

.quote-link:hover {
  transform: translateY(-2px);
  box-shadow:
    0 22px 60px rgba(37, 99, 235, 0.65),
    0 0 0 1px rgba(255,255,255,.25);
}

/* ICON */
.quote-link__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  line-height: 0;
}

.quote-link__icon svg {
  width: 20px;
  height: 20px;
  display: block;
  stroke: currentColor;
}

/* TEXT */
.quote-link__text {
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* BADGE */
.quote-link__badge {
  min-width: 26px;
  height: 22px;
  padding: 0 8px;

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

  border-radius: 999px;
  background: rgba(234,43,7,1);
  border: 1px solid rgba(255,255,255,.3);

  font-size: 0.85rem;
  font-weight: 700;
}

/* ==========================================================================
 * Mobile
 * ========================================================================== */

@media (max-width: 768px) {
  .quote-link {
    right: 16px;
    bottom: 16px;

    padding: 0.75rem;
    gap: 0.4rem;
  }

  .quote-link__text {
    display: none;
  }

  .quote-link__badge {
    position: absolute;
    top: -8px;
    right: -8px;

    background: #dc2626;
    color: #fff;
    border-color: rgba(255,255,255,.4);
  }
}