.buttons {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin-block: .5rem; }
  .buttons label {
    width: 8.5rem; }

button[data-action="add"], button.add, button.remove {
  padding: 0;
  margin: 0 auto;
  aspect-ratio: 1; }

button[data-action="add"] {
  width: 2.5rem; }

button.add, button.remove {
  width: 1.75rem; }

button[data-action="add"]::after, button.add::after {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  content: '\2b'; }

button[data-action="add"]::after {
  font-size: 1.5rem; }

button.add::after {
  font-size: 1.25rem; }

button.remove::after {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  content: '\f00d';
  font-size: 1.25rem; }