/* 完全版シェアボタンCSS（リンク版対応） */
:root {
    --text-color: #ffffff;
}

.share-area {
    width: 100%;
}

.share-row {
    display: flex;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.share-btn,
.other-item {
    flex: 1;
    padding: 12px 0;
    text-align: center;
    font-weight: 600;
    font-family: system-ui, sans-serif;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color) !important;
    text-decoration: none !important;
    transition: transform 0.2s ease;
}

/* 背景色 */
.btn-x { background: #000000; }
.btn-fb { background: #1877F2; }
.btn-ig { background: #E4405F; }
.btn-line { background: #00C300; }
.btn-copy { background: #D9D9D9; color: black !important}
.btn-other { background: #555555; }

/* ホバーで拡大 */
.share-btn:hover,
.other-item:hover {
    transform: scale(1.05);
}

/* その他プルダウン */
#other-menu {
    display: none;
    flex-direction: column;
    margin-top: 2px;
}

.other-item.mixi { background: orange; }
.other-item.mixi2 { background: #FFA07A; }
.other-item.bsky { background: #1DA1F2; }
.other-item.threads { background: black; }
.other-item.misskey { background: #dda0dd; }
.other-item.mastodon { background: #3B5998; }
.other-item.hatena { background: #1DA1F2; }