.product-detail__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-detail__form .form__error-message {
  display: flex;
  gap: 4px;
  align-items: center;
  color: rgb(var(--color-tag-background));
}

.product-detail__form .form__error-message::after {
  content: attr(data-message);
}

.product-detail__form .form__buttons {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.product-detail__form .pay-button-common-item{
  box-shadow: inset 0 0 0 var(--button-border-width, 1px) rgb(var(--color-button-border), 0.3);
}