.product-buttons-group {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 27px;
  row-gap: 20px;
  flex-wrap: wrap;
}

.product-buttons-group a::after, .product-buttons-group button::after {
  content: none !important;
}

@media screen and (max-width: 991px) {
  .product-buttons-group:has(.product-button-group__link) {
    row-gap: 15px;
  }
}
@media screen and (max-width: 575px) {
  .product-buttons-group {
    flex-direction: column;
  }
  .product-buttons-group button, .product-buttons-group a {
    width: 100%;
    justify-content: center;
  }
}