/* A:ON FLOATING ESTIMATE BUTTON V1 */

.aon-floating-quote {
  position: fixed;
  right: 35px;
  bottom: 35px;
  z-index: 999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 19px 28px;
  border-radius: 100px;
  background: #211b17;
  color: #ffffff;
  border: 1px solid rgba(217,185,137,.45);
  box-shadow: 0 10px 35px rgba(0,0,0,.25);
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.3px;
  transition: transform .25s, background .25s, box-shadow .25s;
}

.aon-floating-quote:hover {
  transform: translateY(-5px);
  background: #36281c;
  box-shadow: 0 15px 40px rgba(0,0,0,.3);
}

.aon-floating-icon,
.aon-floating-arrow {
  color: #d9b989;
  font-size: 21px;
}

@media (max-width: 600px) {
  .aon-floating-quote {
    right: 16px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    padding: 15px 19px;
    font-size: 14px;
    gap: 9px;
  }

  .aon-floating-icon,
  .aon-floating-arrow {
    font-size: 17px;
  }
}
/* END A:ON FLOATING ESTIMATE BUTTON V1 */

/* A:ON FLOATING QUOTE LARGE V2 */
@media (min-width: 601px) {
  .aon-floating-quote {
    right: 40px;
    bottom: 40px;
    padding: 24px 38px;
    gap: 17px;
    font-size: 23px;
    font-weight: 700;
  }

  .aon-floating-icon,
  .aon-floating-arrow {
    font-size: 26px;
  }
}

@media (max-width: 600px) {
  .aon-floating-quote {
    padding: 18px 24px;
    font-size: 17px;
    gap: 11px;
  }

  .aon-floating-icon,
  .aon-floating-arrow {
    font-size: 20px;
  }
}
/* END A:ON FLOATING QUOTE LARGE V2 */

/* A:ON FLOATING QUOTE PREMIUM ANIMATION V3 */

.aon-floating-quote {
  isolation: isolate;
  overflow: visible;
}

@media (min-width: 601px) {
  .aon-floating-quote {
    right: 42px;
    bottom: 42px;
    min-height: 90px;
    padding: 25px 46px;
    gap: 19px;
    font-size: 27px;
    box-sizing: border-box;
  }

  .aon-floating-icon,
  .aon-floating-arrow {
    font-size: 29px;
  }
}

/* 은은하게 퍼지는 골드빛 */
.aon-floating-quote::before {
  content: "";
  position: absolute;
  inset: -5px;
  z-index: -1;
  border: 2px solid rgba(217,185,137,.6);
  border-radius: inherit;
  pointer-events: none;
  animation: aonQuotePulse 3.5s ease-out infinite;
}

/* 버튼을 가로지르는 빛 */
.aon-floating-quote::after {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 45%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,235,198,.17),
    transparent
  );
  transform: skewX(-20deg);
  pointer-events: none;
  animation: aonQuoteShine 5s ease-in-out infinite;
}

.aon-floating-quote:hover {
  transform: translateY(-5px) scale(1.04);
  border-color: #e8c894;
  box-shadow: 0 18px 48px rgba(0,0,0,.35);
}

@keyframes aonQuotePulse {
  0% {
    opacity: .65;
    transform: scale(1);
  }
  70%, 100% {
    opacity: 0;
    transform: scale(1.13);
  }
}

@keyframes aonQuoteShine {
  0%, 60% {
    left: -80%;
  }
  85%, 100% {
    left: 140%;
  }
}

@media (max-width: 600px) {
  .aon-floating-quote {
    min-height: 62px;
    padding: 17px 24px;
    font-size: 18px;
  }
}

/* 움직임 최소화 설정을 사용하는 방문자 배려 */
@media (prefers-reduced-motion: reduce) {
  .aon-floating-quote,
  .aon-floating-quote::before,
  .aon-floating-quote::after {
    animation: none;
    transition: none;
  }
}

/* END A:ON FLOATING QUOTE PREMIUM ANIMATION V3 */
