/* xeek.dev theme, buttons.css: primary and secondary buttons */

.btn {
  font: 600 14px var(--font-body);
  border-radius: 8px;
  padding: 11px 22px;
  box-shadow: var(--shadow-btn);
}

.btn-primary { background: var(--blue); color: var(--bg); }
.btn-primary:hover { background: var(--blue-bright); color: var(--bg); }

.btn-secondary {
  background: rgba(220, 230, 240, 0.05);
  border: 1px solid rgba(220, 230, 240, 0.14);
  color: #b6c5d2;
}
.btn-secondary:hover { border-color: rgba(220, 230, 240, 0.3); color: var(--text); }