.button {
  --button-border-color: #423E38;
  --button-background-color: transparent;
  --button-color: #423E38;
  --button-border-radius: 2px;
  --button-font-size: 14px;
  --button-font-weight: 700;
  --button-padding-top: 15px;
  --button-padding-right: 20px;
  --button-padding-bottom: 15px;
  --button-padding-left: 20px;
  --button-text-transform: uppercase;
  border: 1px solid var(--button-border-color);
  border-radius: var(--button-border-radius);
  background: var(--button-background-color);
  color: var(--button-color);
  padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  text-transform: var(--button-text-transform);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  line-height: 100%; }
  .button__icon {
    display: block;
    height: 18px;
    width: 18px; }
  .button_bg_success {
    --button-border-color: #48A631;
    --button-background-color: #48A631;
    --button-color: #fff; }
  .button_bg_info {
    --button-border-color: #2977D2;
    --button-background-color: #2977D2;
    --button-color: #fff; }
  .button_bg_danger {
    --button-border-color: #D2292E;
    --button-background-color: #D2292E;
    --button-color: #fff; }
  .button_with_icon {
    --button-padding-right: 10px;
    --button-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: var(--button-gap); }
  .button_icon_arrow svg {
    width: 10px;
    height: 7px; }
  .button_icon_cart svg {
    width: 17px;
    height: 17px; }