.td-button-wrap {
  margin: 1.25em 0;
}

.td-button-wrap.td-align-left { text-align: left; }
.td-button-wrap.td-align-center { text-align: center; }
.td-button-wrap.td-align-right { text-align: right; }

.td-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.78em 1.35em;
  border: 2px solid var(--td-btn-primary, #FBB040);
  border-radius: var(--td-btn-radius, 8px);
  font: inherit;
  font-weight: var(--td-btn-weight, 700);
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.td-button--solid {
  background: var(--td-btn-primary, #FBB040);
  color: var(--td-btn-text, #1F1F1F) !important;
}

.td-button--solid:hover,
.td-button--solid:focus-visible {
  background: var(--td-btn-hover, #E59A25);
  border-color: var(--td-btn-hover, #E59A25);
  color: var(--td-btn-text, #1F1F1F) !important;
}

.td-button--outline {
  background: transparent;
  color: var(--td-btn-primary, #FBB040) !important;
}

.td-button--outline:hover,
.td-button--outline:focus-visible {
  background: var(--td-btn-primary, #FBB040);
  color: var(--td-btn-text, #1F1F1F) !important;
}

.td-button:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

.td-button:active {
  transform: translateY(1px);
}