.button {
  font: 500 16px 'Ubuntu', 'PT Sans', sans-serif;
  padding: 0 12px;
  max-width: fit-content;
  height: 36px;
  border-radius: 4px;
  transition: background 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px; }
  .button--form {
    width: 100%;
    max-width: none;
    height: 44px; }
  .button--close {
    width: 44px;
    height: 44px;
    padding: 0;
    max-width: none;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 0;
    background: url(/images/redesign/button_close.svg) no-repeat center/34px; }
  .button--basket:before {
    content: '';
    width: 24px;
    height: 24px;
    background: #fff;
    mask: url(/images/redesign/cart_icon.svg) no-repeat center/24px; }
  .button--product-basket:before {
    content: '';
    width: 24px;
    height: 24px;
    background: #fff;
    mask: url(/images/redesign/cart_product_icon.svg) no-repeat center/24px; }
  .button--summary:before {
    content: '';
    width: 24px;
    height: 24px;
    background: #fff;
    mask: url(/images/redesign/arrow/arrow_long.svg) no-repeat center/24px; }
  .button--confirm:before {
    content: '';
    width: 24px;
    height: 24px;
    background: #fff;
    mask: url(/images/redesign/check_icon.svg) no-repeat center/24px; }
  .button--toggle:before {
    content: '';
    width: 24px;
    height: 24px;
    background: #fff;
    mask: url(/images/redesign/toggle_icon.svg) no-repeat center/24px; }
  .button--red {
    color: #fff;
    background: #e8441f; }
    .button--red:hover {
      background: #bb1c00; }
  .button--white {
    color: #e8441f;
    background: #fff;
    border: 1px solid #e8441f; }
    .button--white:hover {
      color: #bb1c00;
      border-color: #bb1c00; }