/* css/component/buttons.css */

.button,
.commerce-order-item-add-to-cart-form button,
.commerce-order-item-add-to-cart-form input[type="submit"] {
  background: var(--grey-bg);
  border: 1px solid #ccc;
  padding: 1rem 2rem;
  cursor: pointer;
  font-weight: 600;
  font-family: var(--font-main);
  font-size: 1rem;
  transition: background 0.2s ease, border-color 0.2s ease;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1; /* Чтобы кнопка растягивалась рядом с полем количества */
}

.button:hover,
.commerce-order-item-add-to-cart-form button:hover,
.commerce-order-item-add-to-cart-form input[type="submit"]:hover {
  background: #d0d0d0;
  border-color: #bbb;
}