astro-island,astro-slot,astro-static-slot{display:contents}

        .brevo-agent-pill {
          --pill-bg: #ffffff;
          --pill-border: #e2e2e2;
          --pill-border-hover: #cfcfcf;
          --pill-text: #1b1b1b;
          --pill-shadow: 0 1px 2px rgba(0,0,0,0.04);
          --pill-shadow-hover: 0 4px 14px rgba(0,0,0,0.1);
          --icon-bg: #1b1b1b;
          --icon-fg: #ffffff;
          --icon-ring: var(--pill-bg);

          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 6px 8px 6px 14px;
          border-radius: 9999px;
          border: 1px solid var(--pill-border);
          background: var(--pill-bg);
          box-shadow: var(--pill-shadow);
          cursor: pointer;
          font-family: inherit;
          font-size: 0.875rem;
          color: var(--pill-text);
          margin-bottom: 8px;
          transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
        }
        :is(.dark, [data-theme="dark"]) .brevo-agent-pill {
          --pill-bg: #1e1e1e;
          --pill-border: #3a3a3a;
          --pill-border-hover: #52525b;
          --pill-shadow: 0 1px 2px rgba(0,0,0,0.3);
          --pill-shadow-hover: 0 4px 16px rgba(0,0,0,0.5);
          --pill-text: #f2f2f2;
          --icon-bg: #f2f2f2;
          --icon-fg: #1b1b1b;
        }
        .brevo-agent-pill:hover {
          box-shadow: var(--pill-shadow-hover);
          border-color: var(--pill-border-hover);
          transform: translateY(-1px);
        }
        .brevo-agent-pill__icons {
          display: inline-flex;
        }
        .brevo-agent-pill__icon {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 26px;
          height: 26px;
          border-radius: 9999px;
          background: var(--icon-bg);
          color: var(--icon-fg);
          margin-left: -6px;
          border: 2px solid var(--icon-ring);
          transition: transform 0.25s ease, margin-left 0.25s ease, background 0.2s ease, border-color 0.2s ease;
        }
        .brevo-agent-pill__icon:first-child {
          margin-left: 0;
        }
        .brevo-agent-pill:hover .brevo-agent-pill__icon {
          transform: scale(1.15);
          margin-left: -2px;
        }
        .brevo-agent-pill:hover .brevo-agent-pill__icon:first-child {
          margin-left: 0;
        }
        .brevo-agent-pill:hover .brevo-agent-pill__icon:hover {
          transform: translateY(-3px) scale(1.35);
          z-index: 1;
        }