.btn {
  border-radius: 8px;
  font-size: 13.5px;
  padding: 8px 14px;
  font-weight: 500;
}

.btn-primary {
  background: var(--sqms-primary);
  border-color: var(--sqms-primary);
}

.btn-primary:hover {
  background: var(--sqms-primary-dark);
  border-color: var(--sqms-primary-dark);
}

.btn-sm {
  font-size: 12.5px;
  padding: 5px 10px;
  border-radius: 7px;
}

.btn-outline-secondary {
  color: #475569;
  border-color: #d3dbe4;
  background: #fff;
}

.btn-outline-secondary:hover {
  background: #f1f5f9;
  color: var(--sqms-text);
  border-color: #c3ced9;
}

.btn-link {
  text-decoration: none;
}

.btn-icon {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  padding: 0;
}

.btn-icon .icon {
  width: 15px;
  height: 15px;
}

.btn-group-actions {
  display: inline-flex;
  gap: 6px;
}

.btn-soft-primary {
  background: var(--sqms-primary-soft);
  color: var(--sqms-primary);
  border: 1px solid #d3e3fb;
}

.btn-soft-primary:hover {
  background: #dbeafe;
  color: var(--sqms-primary-dark);
}