.sns-btn-wrapper {
  position: fixed;
  bottom: 400px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 0px;  /* 버튼 간격 */
  z-index: 999;
}

.sns-btn svg {
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: 0.3s;
}



/* 네이버 롤오버 색상 */
.natalk svg:hover .cls-natalk-3 {
  fill: #5df500; /* 녹색 부분 변경 */
}
.natalk svg:hover .cls-natalk-1 {
  fill: #ffffff; /* 노란 포인트 변경 */
}

/* 카카오톡 롤오버 색상 */
.katalk svg:hover .cls-katalk-1 {
  fill: #c55d00;
}

/* 블로그 롤오버 색상 */
.blog svg:hover .cls-blog-3 {
  fill: #5df500; /* 초록 부분 진하게 */
}
.blog svg:hover .cls-blog-1 {
  fill: #ffffff; /* 흰색 부분 유지 또는 강조 */
}



/* 모바일 조정 */
@media (max-width: 769px) {
  .sns-btn-wrapper {
    bottom: 150px;
    right: 10px;
    gap: 0px;
  }
  .sns-btn svg {
    width: 50px;
    height: 50px;
  }
}