/* Wibaloo Audio Button 1.1 — centred, independently-sized, outward-overlapping icon */
.wba-outer{display:flex;align-items:center;width:100%;max-width:100%;min-width:0;--wba-max-width:100%;overflow:visible}
.wba-button{--wba-overhang:8px;--wba-icon-size:134px;--wba-symbol-size:52px;appearance:none;-webkit-appearance:none;display:flex;position:relative;isolation:isolate;align-items:center;box-sizing:border-box;width:calc(min(100%, var(--wba-max-width)) - var(--wba-overhang));min-width:0;height:118px;min-height:118px;border:0;border-radius:80px;background:#ffc914;color:#070b42;text-align:left;cursor:pointer;padding:0;box-shadow:0 6px 12px rgba(0,0,0,.10);transition:background-color .2s,box-shadow .2s;overflow:visible}
.wba-button.wba-auto-width{width:auto;min-width:220px;max-width:calc(100% - var(--wba-overhang))}
.wba-button:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.wba-button:disabled{cursor:not-allowed;opacity:.55}
.wba-title{display:block;box-sizing:border-box;font-family:inherit;font-size:clamp(20px,4vw,48px);font-weight:800;line-height:1.15;min-width:0;overflow-wrap:anywhere;padding:16px calc(var(--wba-icon-size) - var(--wba-overhang) + 16px) 16px 44px;flex:1 1 auto}
.wba-icon{display:flex;position:absolute;z-index:1;top:50%;right:calc(-1 * var(--wba-overhang));transform:translateY(-50%);align-items:center;justify-content:center;flex:0 0 auto;width:var(--wba-icon-size);height:var(--wba-icon-size);border:6px solid #fff;box-sizing:border-box;border-radius:50%;background:#f963a3;color:#fff;transition:background-color .2s;pointer-events:none}
.wba-symbol{display:block;width:var(--wba-symbol-size);height:var(--wba-symbol-size);color:inherit;flex-shrink:0}
.wba-stop{display:none}.wba-button.is-playing .wba-play{display:none}.wba-button.is-playing .wba-stop{display:block}
.wba-icon-left .wba-icon{right:auto;left:calc(-1 * var(--wba-overhang))}
.wba-icon-left .wba-title{padding-left:calc(var(--wba-icon-size) - var(--wba-overhang) + 16px);padding-right:44px}
@media(max-width:767px){.wba-button{--wba-icon-size:82px;--wba-symbol-size:34px;height:72px;min-height:72px}.wba-title{font-size:clamp(16px,5vw,28px);padding-top:12px;padding-bottom:12px;padding-left:22px;padding-right:calc(var(--wba-icon-size) - var(--wba-overhang) + 12px)}.wba-icon{border-width:4px}.wba-icon-left .wba-title{padding-right:22px;padding-left:calc(var(--wba-icon-size) - var(--wba-overhang) + 12px)}}