.button-phpblue {
  background-color: #7BADD1; /* Light-Blue */
  border-color: #7BADD1;
  color: #fff;
  padding: 8px;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.button-purple {
  background-color: #611BBD; /* Purple */
  border-color: #611BBD;
  color: #fff;
  padding: 8px;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button-phpblue {border-radius: 4px;}
.button-purple {border-radius: 4px;}


#bootstrap-icons-container {
    max-height: 400px; /* Adjust height as needed */
    overflow-y: auto;
    background: #fff;
    padding: 15px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}

/* Isolate button styles to avoid affecting global Bootstrap buttons */
#bootstrap-icons-container .btn {
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Varela Round", sans-serif;
}

/* Prevent global button style overrides */
.btn {
    border-radius: 0.375rem !important; /* Default Bootstrap 5 button radius */
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    font-family: inherit !important;
}