.icon-button, .header-action {
  display: inline-grid;
  place-items: center;
  min-width: 42px;
  min-height: 42px;
  padding: var(--space-7);
  color: var(--jaroni-dark);
  border: 1px solid transparent;
  border-radius: var(--radius-4);
  background: transparent;
  cursor: pointer;
  transition: color var(--duration-normal) ease, background var(--duration-normal) ease, border-color var(--duration-normal) ease;
}
.icon-button svg, .header-action svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.header-action { grid-template-columns: 25px auto; gap: var(--space-7); white-space: nowrap; }
.header-action__icon { display: grid; place-items: center; }
.header-action__copy { display: grid; gap: 1px; text-align: left; line-height: 1.05; }
.header-action__copy small { color: var(--jaroni-gray); font-size: .57rem; font-weight: var(--font-weight-570); }
.header-action__copy strong { font-size: .69rem; font-weight: var(--font-weight-780); }
.header-action:hover, .icon-button:hover { color: var(--jaroni-green); border-color: rgba(0, 166, 81, .16); background: rgba(0, 166, 81, .06); }
.wishlist-button { color: #5d6863; }
.cart-button__icon { position: relative; }
.cart-count { position: absolute; top: -9px; right: -9px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 var(--space-4); color: white; background: var(--jaroni-red); border: 2px solid white; border-radius: var(--radius-999); font-size: .58rem; font-weight: var(--font-extrabold); line-height: 1; }