.floating-scroll {
    padding: clamp(6px, 0.4vw, 10px);
    width: clamp(112px, 7.3vw, 168px);
    height: clamp(95px, 6.2vw, 143px);
    border-radius: clamp(12px, 0.8vw, 18px);
    border: 2px solid #1A6EB5;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(7.972779750823975px);
    position: fixed;
    right: clamp(55px, 3.6vw, 83px);
    bottom: clamp(64px, 4.2vw, 96px);
    z-index: 9999;
    filter: drop-shadow(6px 11px 9.6px rgba(35, 49, 65, 0.25));

    display: grid;
    grid-template-rows: repeat(2, 1fr);
}
.prepayment .floating-scroll {
    height: clamp(190px, 12.4vw, 286px);
    grid-template-rows: repeat(4, 1fr);
}

.scroll-btn {
    margin: 3px;
    border: none;
    border-radius: clamp(12px, 0.8vw, 18px);
    background: transparent;
    cursor: pointer;
    transition: all 0.25s ease;
}
@media (hover: hover) and (pointer: fine) {
    .scroll-btn:hover {
        background: #E4EAFE;
        color: #012EA2;
        transform: translateY(-2px);
    }
}
.scroll-btn:active {
    transform: translateY(0);
}

.divider {
    position: absolute;
    top: calc(50%); /* 첫 번째 버튼 아래 */
    left: clamp(12px, 0.8vw, 18px);
    right: clamp(12px, 0.8vw, 18px);
    height: 2px;
    background-color: #B6C3E5;
}
.prepayment .divider {
    top: calc(25%); /* 첫 번째 버튼 아래 */
}

.tab-btn {
    display: none;
    margin: 3px;
    border: none;
    border-radius: clamp(12px, 0.8vw, 18px);
    background: transparent;
    cursor: pointer;
    transition: all 0.25s ease;

    color: #3F3F3F;
    font-family: Pretendard;
    font-style: normal;
    font-weight: 500;
}
.prepayment .tab-btn {
    display: block;
}
.tab-btn:hover {
    background: #E4EAFE;
    color: #012EA2;
    transform: translateY(-2px);
}
.tab-btn.tab-btn--active {
    background: linear-gradient(90deg, #196FB7 0%, #262261 100%);
    color: #fff !important;
    transform: translateY(0);
}


/* 작은 모바일 화면 대응 */
@media (max-width: 767px) {
  body.mobile .floating-scroll,
  body[data-mobile="true"] .floating-scroll {
    width: clamp(84px, 7.3vw, 196px);
    right: clamp(18px, 1.8vw, 53px);
  }
}