.audio-affordance{align-items:center;gap:var(--mg-space-1);padding:var(--mg-space-1);border:1px solid var(--mg-color-border);border-radius:var(--mg-radius-pill);background-color:var(--mg-color-surface-overlay);box-shadow:var(--mg-shadow-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex}.audio-affordance[data-variant=floating]{z-index:var(--mg-z-sticky);left:calc(var(--mg-space-4) + env(safe-area-inset-left,0px));bottom:calc(var(--mg-space-4) + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 2 * var(--mg-space-4));position:fixed}.audio-affordance[data-variant=inline]{position:static}.audio-affordance__start,.audio-affordance__dismiss{justify-content:center;align-items:center;gap:var(--mg-space-2);border-radius:var(--mg-radius-pill);min-height:2.75rem;color:var(--mg-color-text);font-family:var(--mg-font-body);font-size:var(--mg-text-sm);cursor:pointer;transition:background-color var(--mg-duration-fast) var(--mg-ease-standard);background:0 0;border:0;display:inline-flex}.audio-affordance__start{padding:0 var(--mg-space-4);color:var(--mg-color-candle);font-weight:var(--mg-weight-semibold)}.audio-affordance__dismiss{min-width:2.75rem;color:var(--mg-color-text-subtle)}.audio-affordance__start:hover,.audio-affordance__dismiss:hover{background-color:color-mix(in srgb, var(--mg-color-candle) 14%, transparent)}.audio-affordance__start:focus-visible,.audio-affordance__dismiss:focus-visible{outline:2px solid var(--mg-color-focus);outline-offset:2px}