x;
    align-items: center;
    justify-content: space-between;
    width: 50px;
    height: 24px;
    border-radius: 50px;
    background-color: #ccc;
    transition: background-color 0.3s ease;
    position: relative;
  }

  /* Style the toggle button */
  .switch-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 5px;
    position: absolute; /* Fixes the position */
    left: 0; /* Keeps the button fixed */
  }

  /* Sun and moon icon 