.dt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) ease, border-color var(--duration-fast) ease;
}

.dt-btn:hover {
  transform: translateY(-1px);
}

.dt-btn-primary {
  background: var(--color-rausch);
  color: #fff;
}

.dt-btn-primary:hover {
  background: var(--color-rausch-dark);
  color: #fff;
}

.dt-btn-secondary {
  background: #fff;
  border-color: var(--color-border);
  color: var(--color-text);
}

.dt-btn-secondary:hover {
  border-color: var(--color-rausch);
  color: var(--color-rausch-dark);
}

.dt-btn-icon i {
  font-size: 16px;
}

.dt-btn-block {
  width: 100%;
}