.button, .ichr-quantity-form .add-to-cart-button,
button.button,
a.button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 5px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Schibsted Grotesk", sans-serif !important;
  letter-spacing: -0.03em !important;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
.button .icon-arrow-right, .ichr-quantity-form .add-to-cart-button .icon-arrow-right,
button.button .icon-arrow-right,
a.button .icon-arrow-right {
  display: inline-block;
  width: 22px;
  height: 11px;
  background-color: currentColor;
  mask: var(--ichr-arrow-right) no-repeat center;
  -webkit-mask: var(--ichr-arrow-right) no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  transition: background-color 0.3s ease;
}
.button .icon-heart, .ichr-quantity-form .add-to-cart-button .icon-heart,
button.button .icon-heart,
a.button .icon-heart {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask: var(--ichr-heart) no-repeat center;
  -webkit-mask: var(--ichr-heart) no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  transition: background-color 0.3s ease;
}
.button.red, .ichr-quantity-form .red.add-to-cart-button,
button.button.red,
a.button.red {
  background: var(--ichr-primary-red);
  color: var(--ichr-white);
  border: 2px solid transparent;
}
.button.red:hover, .ichr-quantity-form .red.add-to-cart-button:hover,
button.button.red:hover,
a.button.red:hover {
  background: transparent;
  color: var(--ichr-primary-red);
  border-color: var(--ichr-primary-red);
}
.button.white, .ichr-quantity-form .white.add-to-cart-button,
button.button.white,
a.button.white {
  background: transparent;
  color: var(--ichr-white);
  border: 1px solid var(--ichr-white);
}
.button.white:hover, .ichr-quantity-form .white.add-to-cart-button:hover,
button.button.white:hover,
a.button.white:hover {
  background: var(--ichr-white);
  color: var(--ichr-secondary);
}
.button.blue, .ichr-quantity-form .add-to-cart-button,
button.button.blue,
a.button.blue {
  background: var(--ichr-light-blue);
  color: var(--ichr-white);
  border: 2px solid transparent;
}
.button.blue:hover, .ichr-quantity-form .add-to-cart-button:hover,
button.button.blue:hover,
a.button.blue:hover {
  background: transparent;
  color: var(--ichr-light-blue);
  border-color: var(--ichr-light-blue);
}
.button.underline, .ichr-quantity-form .underline.add-to-cart-button,
button.button.underline,
a.button.underline {
  background: transparent;
  color: var(--ichr-secondary);
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  padding: 5px 0;
  font-size: 16px;
  font-family: "Schibsted Grotesk", sans-serif;
  letter-spacing: -0.03em;
  position: relative;
}
.button.underline .icon-arrow-right, .ichr-quantity-form .underline.add-to-cart-button .icon-arrow-right,
button.button.underline .icon-arrow-right,
a.button.underline .icon-arrow-right {
  transition: transform 0.3s ease;
}
.button.underline::after, .ichr-quantity-form .underline.add-to-cart-button::after,
button.button.underline::after,
a.button.underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: var(--ichr-secondary);
  transform-origin: left;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.button.underline:hover, .ichr-quantity-form .underline.add-to-cart-button:hover,
button.button.underline:hover,
a.button.underline:hover {
  background: transparent;
  color: var(--ichr-secondary);
}
.button.underline:hover .icon-arrow-right, .ichr-quantity-form .underline.add-to-cart-button:hover .icon-arrow-right,
button.button.underline:hover .icon-arrow-right,
a.button.underline:hover .icon-arrow-right {
  transform: translateX(10px);
}
.button.underline:hover::after, .ichr-quantity-form .underline.add-to-cart-button:hover::after,
button.button.underline:hover::after,
a.button.underline:hover::after {
  transform: scaleX(1.1);
}
.button.underline-heart, .ichr-quantity-form .underline-heart.add-to-cart-button,
button.button.underline-heart,
a.button.underline-heart {
  background: transparent;
  color: var(--ichr-secondary);
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  padding: 5px 0;
  font-size: 16px;
  font-family: "Schibsted Grotesk", sans-serif;
  letter-spacing: -0.03em;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.button.underline-heart::before, .ichr-quantity-form .underline-heart.add-to-cart-button::before,
button.button.underline-heart::before,
a.button.underline-heart::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.249 18.995'><path d='M10.6,46.6l-.521-.587-.183-.2A4.869,4.869,0,0,0,1.391,49.05V49.2A5.041,5.041,0,0,0,3,52.9l7.991,7.444a.2.2,0,0,0,.13.052.184.184,0,0,0,.13-.052l8-7.444a5.054,5.054,0,0,0,1.608-3.7V49.05a4.869,4.869,0,0,0-8.508-3.237l-.183.2-.521.587a.7.7,0,0,1-.521.235A.705.705,0,0,1,10.6,46.6Zm1.517-2.481A6.263,6.263,0,0,1,22.249,49.05V49.2a6.44,6.44,0,0,1-1.59,4.237c-.148.165-.3.326-.465.478l-8,7.444a1.193,1.193,0,0,1-.113.1,1.563,1.563,0,0,1-.96.326,1.6,1.6,0,0,1-1.078-.422l-8-7.439c-.165-.152-.317-.313-.465-.478A6.478,6.478,0,0,1,0,49.2V49.05a6.26,6.26,0,0,1,10.125-4.928,6.139,6.139,0,0,1,.813.765l.183.2.183-.2a5.949,5.949,0,0,1,.578-.569l.235-.2Z' transform='translate(0 -42.788)' fill='%23333'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 6px;
}
.button.underline-heart .icon-arrow-right, .ichr-quantity-form .underline-heart.add-to-cart-button .icon-arrow-right,
button.button.underline-heart .icon-arrow-right,
a.button.underline-heart .icon-arrow-right {
  transition: transform 0.3s ease;
}
.button.underline-heart::after, .ichr-quantity-form .underline-heart.add-to-cart-button::after,
button.button.underline-heart::after,
a.button.underline-heart::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: var(--ichr-secondary);
  transform-origin: left;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.button.underline-heart:hover .icon-arrow-right, .ichr-quantity-form .underline-heart.add-to-cart-button:hover .icon-arrow-right,
button.button.underline-heart:hover .icon-arrow-right,
a.button.underline-heart:hover .icon-arrow-right {
  transform: translateX(10px);
}
.button.underline-heart:hover::after, .ichr-quantity-form .underline-heart.add-to-cart-button:hover::after,
button.button.underline-heart:hover::after,
a.button.underline-heart:hover::after {
  transform: scaleX(1.1);
}

.ichr-quantity-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.ichr-quantity-form .ichr-quantity-selector {
  display: flex;
  width: 80px;
  height: 55px;
  border: 1px solid #A7A7A7;
  border-radius: 6px;
  overflow: hidden;
  font-family: inherit;
  font-size: 14px;
  margin-bottom: 10px;
}
.ichr-quantity-form .ichr-quantity-selector .value {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  min-width: 30px;
  font-weight: 400;
  color: #A7A7A7;
}
.ichr-quantity-form .ichr-quantity-selector .divider {
  width: 1px;
  background-color: #A7A7A7;
  margin-top: 6px;
  margin-bottom: 6px;
}
.ichr-quantity-form .ichr-quantity-selector .controls {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
}
.ichr-quantity-form .ichr-quantity-selector .controls button {
  all: unset;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.ichr-quantity-form .ichr-quantity-selector .controls button::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background: #A7A7A7;
}
.ichr-quantity-form .ichr-quantity-selector .controls button.plus::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #A7A7A7;
  position: absolute;
}
.ichr-quantity-form .ichr-quantity-selector .controls button + button {
  margin-top: 4px;
  border-top: 1px solid #A7A7A7;
  width: 50%;
}

/*# sourceMappingURL=quantity.css.map */