.btn:hover:not(:disabled) {
  transform:translateY(-1px)
}
.btn:active:not(:disabled) {
  transform:translateY(0)
}
.btn-primary,.btn-call {
  background:var(--ink);
  color:var(--button-ink)
}
.btn-primary:hover,.btn-call:hover {
  background:var(--button-hover)
}
.btn-secondary {
  border-color:var(--line-strong);
  background:var(--surface)
}
.btn-secondary:hover {
  background:var(--surface-alt)
}
.btn-sm {
  height:32px;
  padding:0 12px;
  font-size:12px
}
.btn-link {
  border:0;
  background:transparent;
  color:var(--accent);
  padding:4px 0;
  font-weight:600
}
.btn-link:hover {
  text-decoration:underline
}
.btn-hangup {
  background:var(--danger-button);
  color:#fff
}
.btn-group-sm {
  display:flex;
  gap:8px;
  flex-wrap:wrap
}
.app-layout {
  height:calc(100vh - 66px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,34%);
  gap:10px;
  padding:0 10px 10px
}