/* Wrapper for percentage and loading bar */
.loading-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', 'Courier New', monospace;
    font-size: 18px;
    color: white;
    margin: 10px;
  }

  /* Loading bar container */
  .loading-container {
    width: 100%;
    height: 20px;
    background-color: #3c3c3c;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
  }

  /* Animated loading bar */
  .loading-bar {
    width: 0;
    height: 100%;
    background-color: #7160e8;
    border-radius: 10px;
    animation: fillBar 2s forwards ease-in-out;
  }

  /* Keyframes for loading animation */
  @keyframes fillBar {
    0% { width: 0%; }
    100% { width: 99%; }
  }

  .button-group-top {
    display: flex;
    flex-direction: column;       /* Stack items vertically */
    align-items: center;          /* Optional: center horizontally */
    gap: 10px;                    /* Space between buttons */
    margin-bottom: 20px;          /* Space between groups */
  }