:root {
  --button-color: #7E7367;
  --button-color-hover: #464039;
  --button-color-active: #38332E;
  --button-color-disabled: #D8D4CF;
  --button-color-disabled-background: #F8F7F7;
  --button-color-secondary-background: #D8D4CF; }

.donations-bar {
  width: 342px; }
  @media (min-width: 1024px) {
    .donations-bar {
      width: 544px; } }
  .donations-bar__container {
    padding: 24px; }
    @media (min-width: 1024px) {
      .donations-bar__container {
        padding: 40px; } }
  .donations-bar__label {
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.14px; }
  .donations-bar__cuantity {
    border-radius: 4px;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 136%; }
  .donations-bar__title {
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 136%; }
  .donations-bar__partner {
    color: #9F9389;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 136%;
    max-width: 95px; }
  .donations-bar__image {
    max-width: 40px;
    height: 40px;
    border-radius: 2px; }
  .donations-bar__button {
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
    padding: 12px 12px 12px 16px;
    border-radius: 1000px; }
  .donations-bar--brown {
    background-color: #FBF7F4; }
    .donations-bar--brown .donations-bar__label {
      color: #936031; }
    .donations-bar--brown .donations-bar__cuantity {
      background-color: #936031; }
    .donations-bar--brown .donations-bar__button {
      background-color: #936031; }
  .donations-bar--green {
    background-color: #F6FAF5; }
    .donations-bar--green .donations-bar__label {
      color: #4A773C; }
    .donations-bar--green .donations-bar__cuantity {
      background-color: #4A773C; }
    .donations-bar--green .donations-bar__button {
      background-color: #4A773C; }

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