/**
 * Version: 0.0.1
 * Build Time: 2026-06-15 16:06:31
 */
/* === ScrollToTop Base Styles === */
.wp-scroll-top-btn {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px) scale(0.8);
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              visibility 0.35s,
              background 0.25s ease;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
}

/** Trạng thái hiện */
.wp-scroll-top-btn--visible {
  visibility: visible;
  opacity: var(--wp-stt-opacity, 1);
  transform: translateY(0) scale(1);
}

/** Hiệu ứng nhấn */
.wp-scroll-top-btn:active {
  transform: translateY(0) scale(0.92);
}

/** Icon wrapper */
.wp-scroll-top-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55%;
  height: 55%;
  transition: transform 0.25s ease;
}

.wp-scroll-top-btn:hover .wp-scroll-top-btn__icon {
  transform: translateY(-2px);
}

.wp-scroll-top-btn__icon svg {
  width: 100%;
  height: 100%;
}

/** Image wrapper */
.wp-scroll-top-btn__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

/** Custom content wrapper */
.wp-scroll-top-btn__custom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/** Ripple effect khi click trực tiếp trên button nhờ có overflow: hidden */
.wp-scroll-top-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle, rgba(255,255,255,0.3) 10%, transparent 70%);
  opacity: 0;
  transform: scale(0);
  transition: transform 0.4s ease, opacity 0.4s ease;
  border-radius: inherit;
}

.wp-scroll-top-btn:active::after {
  opacity: 1;
  transform: scale(2.5);
  transition: transform 0s, opacity 0s;
}