.wp-a11y-trigger {
  position: fixed;
  inset: auto auto var(--a11y-offset-y,16px) var(--a11y-offset-x,16px);
  width: 56px; height: 56px; border-radius: 50%;
  display: grid; place-items: center;
  background: #195ead; color: #fff; border: none;
  box-shadow: 0 6px 18px rgba(0,0,0,.2);
  cursor: pointer; z-index: var(--a11y-z, 99999);
}
.wp-a11y-trigger svg { pointer-events:none; }
.wp-a11y-trigger.top-right { inset: var(--a11y-offset-y,16px) var(--a11y-offset-x,16px) auto auto; }
.wp-a11y-trigger.bottom-right { inset: auto var(--a11y-offset-x,16px) var(--a11y-offset-y,16px) auto; }
.wp-a11y-trigger.bottom-left { inset: auto auto var(--a11y-offset-y,16px) var(--a11y-offset-x,16px); }
.wp-a11y-trigger.top-left { inset: var(--a11y-offset-y,16px) auto auto var(--a11y-offset-x,16px); }
.wp-a11y-trigger.size-s { width:44px; height:44px; }
.wp-a11y-trigger.size-l { width:68px; height:68px; }

/* Visually hidden text */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
button#wp-a11y-trigger {
    padding: 10px;
}
/* Trigger: 56×56 stabil, immer im Viewport, unabhängig von Overflow/Transform */
.wp-a11y-trigger{ box-sizing: border-box; padding: 0; }

@media (max-width: 430px){
  .wp-a11y-trigger{
    position: fixed !important; /* falls ein Theme das ändert */
    width: 56px; height: 56px;  /* stabile Kapsel */
  }
  .wp-a11y-trigger.bottom-right{ right: var(--a11y-offset-x,16px); bottom: var(--a11y-offset-y,16px); left: auto; top: auto; }
  .wp-a11y-trigger.bottom-left { left:  var(--a11y-offset-x,16px); bottom: var(--a11y-offset-y,16px); right: auto; top: auto; }
  .wp-a11y-trigger.top-right   { right: var(--a11y-offset-x,16px); top:    var(--a11y-offset-y,16px); left: auto; bottom: auto; }
  .wp-a11y-trigger.top-left    { left:  var(--a11y-offset-x,16px); top:    var(--a11y-offset-y,16px); right: auto; bottom: auto; }
}