.Button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 33px;
  border-radius: 28px;

  font-family: $font-open-sans;
  font-weight: $font-regular;
  font-size: 24px;
  line-height: 1;

  transition: all 0.15s linear;
  white-space: nowrap;


  svg {
    width: 18px;
    height: 18px;
    //fill: var(--text-primary);

    margin-right: 18px;
  }

  &:hover {
    cursor: pointer;
  }

  &:hover svg {
    fill: var(--white);
  }

  &_default {
    background: $color-lightgray;
    color: $color-text;
  }

  &_orange {
    background: $color-orange;
    color: $color-white;
  }

  &_disabled {
    cursor: not-allowed;
  }
}