.syx-cal{position:relative;display:inline-flex}
.syx-cal__btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;margin:0;border:0;background:none;color:var(--sa-accent2,#0c1f57);opacity:.55;cursor:pointer;line-height:0;transition:opacity .15s ease}
.syx-cal__btn:hover,.syx-cal__btn.open{opacity:1}
.syx-cal__menu{position:absolute;z-index:30;top:calc(100% + 6px);right:0;min-width:190px;padding:6px;background:#fff;border:1px solid var(--sa-line,#d8dae6);border-radius:10px;box-shadow:0 8px 24px rgba(12,31,87,.16)}
.syx-cal__menu a,.syx-cal__menu button{display:block;width:100%;padding:7px 10px;border:0;border-radius:7px;background:none;font:600 12px "korolev",sans-serif;color:var(--sa-text,#0d112e);text-align:left;text-decoration:none;cursor:pointer}
.syx-cal__menu a:hover,.syx-cal__menu button:hover{background:var(--sa-alt,#eef0f7)}
.syx-cal__note{display:block;padding:4px 10px 6px;font-size:11px;font-weight:700;color:var(--sa-text2,#6b7089)}

/* Plaatsing van het plugin-element; de knopstyling zelf gaat via styleLight in agenda-cal.js */
.syx-mini__card-cal,.syx-side__time .syx-cal,.syx-mini__card-cal add-to-calendar-button{line-height:0}
.syx-mini__card-cal{flex-shrink:0;margin-left:auto;padding-left:8px}