.kimoota-sns-share {
    display: flex;
    gap: 8px;
    margin: 15px 0;
    width: 100%; /* 親の幅いっぱいに */
}

.sns-btn {
    flex: 1; /* これで強制的に均等化 */
    width: 0; /* これを入れることで、中身のサイズに関わらず均等になります */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    background: #2a2e33;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    cursor: pointer;
    padding: 0; /* ボタンの余白を抹殺 */
    margin: 0;
    color: #eee;
    text-decoration: none;
    box-sizing: border-box; /* 枠線を含めた計算に固定 */
    appearance: none; /* ブラウザ標準スタイルを解除 */
    -webkit-appearance: none;
}

/* リンクアイコンの位置微調整（30pxの巨体を中央に） */
.copy-svg {
    display: block;
    width: 28px !important; /* 30だとパツパツだったので微調整 */
    height: 28px !important;
    transform: translateY(1px); /* 飛び出しを抑える程度に微修正 */
}

/* はてブとBlueSky(絵文字)のテキスト設定 */
.btn-text {
    font-weight: bold;
    font-family: sans-serif;
    font-size: 18px;
    line-height: 1;
    display: block;
}

.bsky-emoji {
    font-size: 20px; /* 均等幅の中で浮かさないサイズ感 */
}

.sns-btn.x:hover { background: #000; }
.sns-btn.hatebu:hover { background: #00a4de; }
.sns-btn.bsky:hover { background: #0085ff; }
.sns-btn.copy:hover { background: #444; }