.ocdb-button-group {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 500px;
  margin: 30px auto;
  padding: 20px;
}

.ocdb-button {
  display: block;
  background-color:  rgb(77, 16, 104);
  color: #fff;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
  padding: 15px;
  text-align: center;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

.ocdb-button:hover {
  background-color: #1f4aa6;
}
.ocdb-button {
  display: block;
  background-color:  rgb(77, 16, 104);
  color: #fff !important;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
  padding: 15px;
  text-align: center;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

/* Force link states to stay white */
.ocdb-button:visited,
.ocdb-button:hover,
.ocdb-button:active {
  color: #fff !important;
}
/* Layout container */
.ocdb-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: flex-start;
  margin: 40px 0;
}

/* Left column */
.ocdb-button-column {
  flex: 1 1 250px;
  max-width: 300px;
}

/* Right column */
.ocdb-content-column {
  flex: 2 1 600px;
  max-width: 100%;
}

/* Button styling (unchanged but reinforced) */
.ocdb-button-group {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.ocdb-button {
  display: block;
  background-color: rgb(77, 16, 104); /* Purple */
  color: #fff !important;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  padding: 12px;
  text-align: center;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

.ocdb-button:visited,
.ocdb-button:hover,
.ocdb-button:active {
  color: #fff !important;
}

.ocdb-button:hover {
  background-color: #1f4aa6;
}