.tdb-wrapper {
  margin: 16px 0;
}
.tdb-align-center { text-align: center; }
.tdb-align-left { text-align: left; }
.tdb-align-right { text-align: right; }

.tdb-button {
  background-color: #2196F3;
  color: #fff;
  border: none;
  padding: 12px 36px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.25s, transform 0.06s;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.tdb-button:disabled,
.tdb-button[aria-disabled="true"] {
  background-color: #90CAF9;
  cursor: not-allowed;
  box-shadow: none;
}

.tdb-button:not(:disabled):hover {
  background-color: #1E88E5;
}

.tdb-button:not(:disabled):active {
  transform: translateY(1px);
}