.fcb-container {
    position: fixed;
    z-index: 999999;
    display: flex;
    gap: 12px;
}

.fcb-container.position-right { right: calc(20px + var(--fcb-offset-x, 0px)); top: calc(var(--fcb-ratio-y, 40%) + var(--fcb-offset-y, 0px)); flex-direction: column; }
.fcb-container.position-left { left: calc(20px + var(--fcb-offset-x, 0px)); top: calc(var(--fcb-ratio-y, 40%) + var(--fcb-offset-y, 0px)); flex-direction: column; }
.fcb-container.position-bottom { bottom: calc(20px + var(--fcb-offset-y, 0px)); left: calc(var(--fcb-ratio-x, 50%) + var(--fcb-offset-x, 0px)); transform: translateX(-50%); }
.fcb-container.position-top { top: calc(20px + var(--fcb-offset-y, 0px)); left: calc(var(--fcb-ratio-x, 50%) + var(--fcb-offset-x, 0px)); transform: translateX(-50%); }

/* Main Button Style */
.fcb-btn {
    width: var(--fcb-btn-size, 55px);
    height: var(--fcb-btn-size, 55px);
    border-radius: var(--fcb-btn-radius, 9999px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
    text-decoration: none;
    transition: 0.25s;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.fcb-btn:hover { transform: scale(1.1); opacity: 0.85; }

/* LINE 官方綠 */
.fcb-btn.fcb-line { background: #00C300; }

/* Facebook 藍 */
.fcb-btn.fcb-fb { background: #1877F2; }

/* Instagram 官方漸層 */
.fcb-btn.fcb-ig {
    background: radial-gradient(circle at 30% 107%, 
        #fdf497 0%, #fdf497 5%, 
        #fd5949 45%, #d6249f 60%, 
        #285AEB 90%);
}

/* Email */
.fcb-btn.fcb-email { background: #4a6fa5; }

/* Phone */
.fcb-btn.fcb-phone { background: #ff6b3d; }

/* Custom Links */
.fcb-btn.fcb-custom1,
.fcb-btn.fcb-custom2 { background: #555; }