@charset "utf-8";
/* [커뮤니티 view 공유 버튼] potten/community view.skin.php 공용.
   되돌리기: 각 view.skin.php 의 share.css add_stylesheet + share_buttons.php include 삭제. */
.hs-share { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin:18px auto 8px; padding:0 10px; }
.hs-share .hs-share-lbl { font-size:13px; color:#8a8a90; font-weight:700; margin-right:2px; }
.hs-share .hs-sh {
    display:inline-flex; align-items:center; gap:6px; cursor:pointer;
    font-size:13px; font-weight:700; line-height:1; color:#fff;
    border:0; border-radius:8px; padding:9px 14px; text-decoration:none;
    white-space:nowrap; transition:opacity .15s ease;
    font-family:inherit;
}
.hs-share .hs-sh:hover { opacity:.88; color:#fff; }
.hs-share .hs-sh i { font-size:14px; }
.hs-share .hs-sh-fb   { background:#1877F2; }   /* 페이스북 파랑 */
.hs-share .hs-sh-x    { background:#111111; }   /* X 검정 */
.hs-share .hs-sh-copy { background:#6b7280; }   /* 링크 복사 회색 */
.hs-share .hs-sh-kakao { background:#FEE500; color:#191919; }   /* 카카오톡 노랑 (글자 어둡게) */
.hs-share .hs-sh-kakao:hover { color:#191919; }                /* 노랑 위 글자색 유지 */
@media (max-width:480px){
  .hs-share { gap:6px; }
  .hs-share .hs-sh { padding:9px 12px; font-size:12.5px; }
  .hs-share .hs-share-lbl { width:100%; text-align:center; margin:0 0 2px; }
}