.before_loop_cats_items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.before_loop_cats_item {
  display: inline-flex;
  width: calc(33.33% - 10px);
  background-color: #fff;
}
.btn.btn_archive_montag {
 padding: 10px 20px;
    height: max-content;
    background-color: #fdb819;
    white-space: nowrap;
}
.btn.btn_archive_montag:hover {
    background-color: #000;
   color: #fff;
}





@media screen and (max-width: 767px) {
  .wraper_main_content {
  flex-direction: column-reverse;
}
.before_loop_cats_item {
    width: calc(50% - 5px);
}
}



@media screen and (max-width: 540px) {
.before_loop_cats_item {
    width: 100%;
}
}