.inquiry-float-btn {
  width: 200px;
  height: 56px;
  padding: 0 12px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  overflow: hidden;
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  background: linear-gradient(
    135deg,
    #fff4b0 0%,
    #ffd92e 28%,
    #fcc603 58%,
    #f0b400 100%
  );

  color: #111827;

  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.24),
    0 0 18px rgba(252, 198, 3, 0.36),
    inset 0 2px 3px rgba(255, 255, 255, 0.72),
    inset 0 -4px 8px rgba(120, 80, 0, 0.22);

  animation: inquiryBtnScale 1.6s infinite ease-in-out;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.inquiry-float-btn:hover {
  animation-play-state: paused;
  transform: scale(1.03);

  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.28),
    0 0 24px rgba(252, 198, 3, 0.48),
    inset 0 2px 3px rgba(255, 255, 255, 0.78),
    inset 0 -4px 8px rgba(120, 80, 0, 0.24);
}

.inquiry-float-btn::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  pointer-events: none;
}

.inquiry-float-btn::after {
  content: "";
  position: absolute;
  top: -45%;
  left: -80%;
  width: 55%;
  height: 190%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.42),
    transparent
  );
  transform: rotate(25deg);
  animation: inquiryShine 3.2s infinite;
  pointer-events: none;
}

.inquiry-float-icon {
  position: relative;
  z-index: 2;

  width: 38px;
  height: 38px;
  min-width: 38px;

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

  border-radius: 50%;
  background: #111827;

  box-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.08),
    0 4px 9px rgba(0, 0, 0, 0.22);
}

.inquiry-float-icon i {
  color: #fcc603;
  font-size: 16px;
}

.inquiry-float-text {
  position: relative;
  z-index: 2;

  color: #111827;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.inquiry-float-arrow {
  position: relative;
  z-index: 2;

  color: #111827;
  font-size: 23px;
  font-weight: 900;
  line-height: 1;
}

@keyframes inquiryBtnScale {
  0% {
    transform: scale(0.97);
  }

  50% {
    transform: scale(1.03);
  }

  100% {
    transform: scale(0.97);
  }
}

@keyframes inquiryShine {
  0% {
    left: -80%;
  }

  45% {
    left: 130%;
  }

  100% {
    left: 130%;
  }
}