:root {
    --bg-fb: #1877F2;
    --bg-line: #06C755;
    --bg-x: #000000;
    --bg-linkedin: #0077B5;
    --bg-copy: #555555;
}

.share-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    padding: 10px;
}

.share-buttons {
    display: flex;
    gap: 5px;
}

/* 按鈕通用樣式 */
.share-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    text-decoration: none;
    font-size: 20px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    outline: none;
}

/* Hover 效果 */
/* 各別品牌顏色 */
.share-fb { color: var(--bg-fb) !important; }
.share-line { color: var(--bg-line) !important; }
.share-x { color: var(--bg-x) !important; }
.share-linkedin { color: var(--bg-linkedin) !important; }
.share-copy { color: var(--bg-copy) !important; }

/* 複製提示訊息 */
#copy-msg {
    font-size: 14px;
    color: #333;
    opacity: 0;
    transition: opacity 0.3s;
}
#copy-msg.show {
    opacity: 1;
}