@layer ll-service-extension.components {
  .ll-service-extension .ll-se-floating-cta {
    position: sticky;
    z-index: var(--ll-se-z-sticky);
    inset-block-end: var(--ll-se-space-4);
    display: grid;
    gap: var(--ll-se-space-1);
    justify-items: end;
    inline-size: fit-content;
    max-inline-size: 100%;
    margin-inline-start: auto;
  }

  .ll-service-extension .ll-se-floating-cta__button {
    min-block-size: 3rem;
    padding: var(--ll-se-space-3) var(--ll-se-space-5);
    color: var(--ll-se-color-text-primary);
    font-weight: 700;
    cursor: pointer;
    background: var(--ll-se-color-accent);
    border: 0.0625rem solid var(--ll-se-color-accent-strong);
    border-radius: var(--ll-se-radius-pill);
    box-shadow: var(--ll-se-shadow-raised);
  }

  .ll-service-extension .ll-se-floating-cta__button:disabled {
    color: var(--ll-se-color-text-muted);
    cursor: not-allowed;
    background: var(--ll-se-color-surface-subtle);
    border-color: var(--ll-se-color-border);
  }

  .ll-service-extension .ll-se-floating-cta__status {
    max-inline-size: 20rem;
    color: var(--ll-se-color-text-secondary);
    font-size: var(--ll-se-font-size-sm);
    text-align: end;
  }
}