@media screen and (max-width: 1200px) {
  .bottom-right-sub > .badge:first-child {
    padding-left: 0px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .bottom-buttons {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .bottom-buttons .section_two .post-vote-wrapper > div a {
    background-size: 20px !important;
    width: 30px;
    height: 30px;
  }
  .bottom-buttons .custom-shariff ul li a {
    width: 30px;
    height: 30px;
    background-size: 30px !important;
  }
  .bottom-buttons {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
  }
  body .post-vote-wrapper > div a {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  body .badge--large {
    padding: 0 6px;
  }
  .bottom-buttons .custom-shariff ul li a {
    width: 24px;
    height: 24px;
    background-size: 24px !important;
  }
  body .bottom-buttons .section-three .badge__container.public {
    /* padding-left: 18px; */
    padding-left: 15px;
  }
  .bottom-buttons .section_two .post-vote-wrapper > div a {
    width: 24px;
    height: 24px;
    background-size: 16px !important;
  }
  .bottom-buttons {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
  }
  .bottom-right-sub > * {
    font-size: 10px;
    line-height: 16px;
  }
  .bottom-right-section.section-three .bottom-right-sub {
    height: 18px;
  }
  .bottom-right-section.section-three   > .bottom-right-sub   > *:not(:last-child)::after {
    /* top: 0px; */
    top: 3px;
    height: 11px;
  }
  /* .bottom-right-section.section-three { */
  /* padding-left: 6px; */
  /* } */
  .bottom-buttons .section-three .badge__container.public::before {
    /* top: 0; */
    background-size: 11px;
    width: 11px;
    height: 11px;
  }
  body .bottom-buttons .section_two .btn-primary-sm a {
    /* padding: 8px 18px; */
    padding: 8px 25px;
    min-width: auto;
  }
  body .post-vote-wrapper > div a {
    margin: 0;
    background-size: 14px;
    width: 15px;
    height: 14px;
  }
  body .bottom-right-sub > .badge:first-child {
    padding-left: 0px;
    padding-right: 6px;
  }
  .bottom-buttons .custom-shariff ul,
  .bottom-buttons .section_two,
  .bottom-buttons .bottom-left-section {
    gap: 6px;
  }
  .bottom-buttons .custom-shariff ul li a:hover,
  .bottom-buttons .section_two .post-vote-wrapper > div a {
    border: 1px solid var(--primary-color-bold);
  }
  .bottom-buttons .btn-primary-sm a,
  .bottom-buttons .btn-primary-lg a {
    font-size: 12px;
    line-height: 12px;
  }
}
@media screen and (max-width: 400px) {
  body .bottom-buttons .section_two .btn-primary-sm a {
    padding: 8px 25px;
    /* max-width: 85px;
    min-width: 85px; */
    max-width: 80px;
    min-width: 80px;
  }
}
@media screen and (max-width: 400px) {
  body .bottom-buttons .section_two .btn-primary-sm a {
    padding: 0;
    /* max-width: 60px;
    min-width: 60px; */
  }
}
@media (max-width: 599px) {
  .vote-widget {
    width: 100%;
    display: block;
  }
}