.ui-button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-sizing:border-box;
  padding:0 16px;
  border:1px solid transparent;
  border-radius:var(--ui-radius-control);
  font-family:'Inter','DM Sans',system-ui,sans-serif;
  font-size:0.875rem;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  transition:border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.ui-button--primary{
  color:var(--ui-surface);
  background:var(--ui-text);
  border-color:var(--ui-text);
}

.ui-button--secondary{
  color:var(--ui-text);
  background:var(--ui-surface-soft);
  border-color:var(--ui-border);
}

.ui-button--ghost{
  color:var(--ui-text);
  background:transparent;
  border-color:transparent;
}

.ui-button--danger{
  color:var(--ui-surface);
  background:var(--ui-danger);
  border-color:var(--ui-danger);
}

.ui-button--block{
  width:100%;
}

.ui-button:hover{
  box-shadow:0 0 0 3px rgba(30, 28, 24, 0.05);
}

@media (max-width:768px){
  .ui-panel__footer .ui-button{
    width:100%;
  }
}