.completion-button.component {
  button {
    min-width: 8rem;
  }

  button:empty {
    visibility: hidden;
  }

  .pips {
    display: flex;
    place-self: center;
    gap: 3px;
    position: relative;
    bottom: -2px;
  }

  .pip {
    width: 3px;
    height: 3px;
    background-color: var(--color-text-subtle);
    rotate: 45deg;
    border-radius: 1px;
    transition: background-color 0.2s ease;

    &.active {
      scale: 1.4;
      background-color: var(--color-accent);
    }
  }
}