.button-footer {
  margin: 0;
  padding: 8px 12px;
  color: #ffffff; /* white text */
  text-align: center;
}
.button-footer a,
.button-footer .ot-sdk-show-settings,
.date-footer {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.2 !important; /* match your <a> tags */
  text-decoration: none !important;
  text-transform: uppercase !important;
  color: #ffffff !important; /* white text */
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important; /* make it behave like a link */
  vertical-align: baseline !important; /* align text evenly */
  cursor: pointer;
}

/* Hover underline effect (same as links) */
.button-footer a:hover,
.button-footer .ot-sdk-show-settings:hover {
  border-bottom: 1px solid #ffffff;
  background: transparent !important;
  color: #ffffff !important;
}

.date-footer {
  text-align: center;
  cursor: default;
}