.action-buttons {
  margin: var(--space-lg) 0;
  display: flex;
  gap: var(--space-md);
  flex-wrap: wrap;
  align-items: center;

  & > form {
    margin: 0;
  }
}

@media (max-width: 480px) {
  .action-buttons {
    flex-direction: column;
    align-items: stretch;

    & > form > .button,
    & > .button {
      display: block;
      width: 100%;
      box-sizing: border-box;
    }
  }
}