:root{
    --yitwac-size: 56px;
    --yitwac-gap: 18px;
    --yitwac-radius: 999px;
    --yitwac-shadow: 0 10px 20px rgba(0,0,0,.15);
    --yitwac-bg: #25D366;
    --yitwac-text: #ffffff;
}
#yitwac-fab{
    position: fixed;
    bottom: var(--yitwac-gap);
    z-index: 999999;
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: flex-end;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
#yitwac-fab.yitwac-pos-right{ right: var(--yitwac-gap); }
#yitwac-fab.yitwac-pos-left{ left: var(--yitwac-gap); align-items:flex-start; }

.yitwac-consent{
    background: rgba(0,0,0,.6);
    color: #fff;
    padding: 10px 12px;
    border-radius: 10px;
    box-shadow: var(--yitwac-shadow);
    max-width: 260px;
    font-size: 13px;
}
.yitwac-consent input{ margin-right:6px; }

.yitwac-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: var(--yitwac-size);
    padding: 0 16px 0 14px;
    border-radius: var(--yitwac-radius);
    box-shadow: var(--yitwac-shadow);
    background: var(--yitwac-bg);
    color: var(--yitwac-text);
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
    transition: transform .1s ease;
}
.yitwac-btn:hover{ transform: translateY(-1px); }
.yitwac-icon{ width: 26px; height: 26px; display: inline-flex; align-items:center; justify-content:center; }

.yitwac-shortcode{
    display:inline-flex; align-items:center; gap:8px; padding:.6em 1em;
    background: var(--yitwac-bg); color: var(--yitwac-text); border-radius: 8px; text-decoration:none;
}