.btn {
  flex: 1;
  padding: 10px 12px;
  border-radius: 12px;
  border: none;
  outline: none;
  background: var(--surface);
  color: var(--text);
  cursor: pointer;
  font-weight: 550;
  letter-spacing: 0.2px;
  box-shadow: 6px 6px 12px var(--shadow-dark),
    -6px -6px 12px var(--shadow-light);
  font-size: 13px;
}
.btn:active {
  transform: translateY(1px);
}