.square-hooks{margin:var(--space-md) 0;gap:var(--space-sm);display:grid}.square-hooks__strip,.square-hooks__banner,.square-hooks__notice{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--hairline);border-left:4px solid var(--teal-500);border-radius:var(--radius-sm);background:var(--surface);color:var(--body);flex-wrap:wrap;font-size:13.5px;display:flex}.square-hooks__banner{border-left-color:#b8d335}.square-hooks__pill{background:var(--teal-50);color:var(--teal-700);border-radius:999px;padding:2px 8px;font-weight:800}.square-hooks__text{flex:260px;margin:0}.square-hooks__link{color:var(--teal-700);font-weight:700}.square-hooks__button,.square-hooks__close{border:1px solid var(--teal-700);border-radius:var(--radius-sm);background:var(--surface);color:var(--teal-700);font:inherit;cursor:pointer;padding:6px 12px;font-weight:700}.square-hooks__button:disabled{opacity:.55;cursor:wait}.square-hooks__close{border-color:var(--slate-300);color:var(--muted);margin-left:auto}
