.product-group-button {
  display: inline-grid;
  place-items: center;
  width: 1.125rem;
  height: 1.125rem;
  padding: 0;
  margin: 0 0 10px;
  color: var(--c-link);
  cursor: pointer;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 9999px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transform: translateY(15%);
  appearance: none;
}
.product-group-button:hover, .product-group-button:focus, .product-group-button:active {
  color: var(--c-link-active);
  background-color: var(--c-grayscale-off-white);
}