/**
 * Commerce Re:Main — SP floating CTA (Figma 5195:21746)
 */

.commerce-insight-floating-btn {
  position: fixed;
  z-index: 40;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  padding: 0 13px 16px;
  transform: translateY(calc(100% + 16px));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    transform 0.5s ease-in-out,
    opacity 0.5s ease-in-out,
    visibility 0s linear 0.5s;
}

.commerce-insight-floating-btn.is-visible {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition:
    transform 0.5s ease-in-out,
    opacity 0.5s ease-in-out,
    visibility 0s linear 0s;
}

.commerce-insight-floating-btn__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 349px;
  height: 48px;
  padding: 16px 32px;
  border: 0;
  border-radius: 4px;
  background: #0061ff;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.05em;
  white-space: nowrap;
  cursor: pointer;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.1),
    0 1px 2px rgba(0, 0, 0, 0.06);
}

@media (min-width: 1025px) {
  .commerce-insight-floating-btn {
    display: none;
  }
}