/* BASIC css start */
/* 플로팅 버튼 전체 컨테이너 */
.floating-btn-group {
    position: fixed;
    left: 15px;    
    bottom: 20px;     /* 하단 여백 (모바일 하단바 고려) */
    display: flex;
    flex-direction: column-reverse; /* 아래에서 위로 쌓이게 설정 */
    gap: 10px;        /* 버튼 사이 간격 */
    z-index: 99;    /* 다른 요소보다 항상 위에 배치 */
}

/* 개별 버튼 디자인 */
.floating-btn-group div a img {
    width: 60px;      /* 모바일에서 적당한 버튼 크기 */
    height: auto;
    display: block;
    /* 그림자 효과 (버튼이 더 잘 보이게 함) */
    filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.2)); 
    transition: transform 0.2s ease;
}

/* 클릭(터치) 시 살짝 눌리는 느낌 */
.floating-btn-group div a:active img {
    transform: scale(0.9);
}

/* PC 버전에서는 위치를 조정하고 싶을 때 (선택 사항) */
@media screen and (min-width: 1024px) {
    .floating-btn-group {
        right: 30px;
        bottom: 40px;
    }
    .floating-btn-group div a img {
        width: 70px; /* PC에선 조금 더 크게 */
    }
}


/* BASIC css end */