/**
 * Floating Actions Widget Styles - AGP
 */
.agp-floating-wrapper {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  z-index: 999;
}

.agp-float-btn {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  box-shadow: 0 8px 24px rgba(16, 23, 39, 0.22);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
  cursor: pointer;
  border: 0;
  text-decoration: none;
  outline: none;
}

.agp-float-btn:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 12px 28px rgba(16, 23, 39, 0.3);
}

.agp-float-btn svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
}

.agp-float-whatsapp {
  background: #25d366;
  color: #ffffff;
}

.agp-float-whatsapp:hover {
  background: #20ba5a;
}

.agp-float-totop {
  background: var(--agp-ink, #101727);
  color: var(--agp-yellow, #ffbd00);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

.agp-float-totop.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.agp-float-totop:hover {
  background: var(--agp-ink-2, #18233d);
}

@media (max-width: 768px) {
  .agp-floating-wrapper {
    bottom: 1.25rem;
    right: 1.25rem;
    gap: 0.65rem;
  }
  .agp-float-btn {
    width: 3rem;
    height: 3rem;
  }
  .agp-float-btn svg {
    width: 1.3rem;
    height: 1.3rem;
  }
}