/* 親コンテナと基本ボタン設定はそのまま */
.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;
    transition: background 0.2s ease; /* 変化を滑らかに */
}

/* 内部要素のコンテナ：コピーボタン専用 */
.btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* 通常時のアイコン表示 */
.copy-svg {
    display: block;
    width: 28px !important;
    height: 28px !important;
    fill: currentColor;
}

/* コピー成功時のテキスト（初期状態は非表示） */
.copy-success-text {
    display: none; /* 物理的に消しておく */
    font-size: 14px;
    font-weight: bold;
    color: #f3a68c;
    letter-spacing: 0.05em;
}

/* 【重要】成功時（.is-successが付与された時）の挙動 */
.sns-btn.copy.is-success {
    background: #444; /* 成功時の背景色固定 */
}

.sns-btn.copy.is-success .copy-svg {
    display: none; /* アイコンを消す */
}

.sns-btn.copy.is-success .copy-success-text {
    display: block; /* テキストを出す */
}

/* その他のボタンスタイルは維持 */
.btn-text {
    font-weight: bold;
    font-family: sans-serif;
    font-size: 18px;
    line-height: 1;
    display: block;
}

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