.btn-wsrs {
  --bs-btn-color: MediumBlue;
  --bs-btn-bg: #ffec10;
    
  --bs-btn-hover-color: #000099;
  --bs-btn-hover-bg: Gold; /* from https://html-color.codes/color-names/darkseagreen */
  margin: 0.25em;
}

.btn-wsrb {
  --bs-btn-color: LightGreen;
  --bs-btn-bg: Firebrick;
    
  --bs-btn-hover-color: #4fe34f;
  --bs-btn-hover-bg: #961d1d; /* from https://html-color.codes/color-names/darkseagreen */
  margin: 0.25em;
}

.btn-wsri {
  --bs-btn-color: Black;
  --bs-btn-bg: DarkSeaGreen;

  --bs-btn-hover-color: Black;
  --bs-btn-hover-bg: #7cb17c; /* from https://html-color.codes/color-names/darkseagreen */
  margin: 0.25em;
  white-space: nowrap; /* keep on one line so height matches the shorter Starter/Basic labels */
}

/* Add this to your main stylesheet (ora<style> block) */
.btn-xs {
  --bs-btn-font-size: .75rem;   /* 12 px */
  --bs-btn-padding-y: .15rem;   /* vertical padding */
  --bs-btn-padding-x: .35rem;   /* horizontal padding */
  --bs-btn-border-radius: .2rem;
}