.ui-btn {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
  will-change: transform;
}

.ui-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
  filter: saturate(1.05);
}

.ui-btn:active {
  transform: translateY(0) scale(0.99);
}

.ui-btn:focus-visible {
  outline: 2px solid rgba(20, 184, 166, 0.65);
  outline-offset: 2px;
}