.all-blog-list {
    box-sizing: border-box;
}
.btn.load-more-items2,
.btn.load-more-items1,
.btn.load-more-items {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    width: max-content;
    min-width: 148px;
    height: 52px;
    border: 1px solid #434343;
    border-radius: 8px!important;
    background: transparent;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}
.btn.load-more-items2:hover,
.btn.load-more-items1:hover,
.btn.load-more-items:hover {
    border-radius: 8px!important;
    background: #7163E9!important;
    border: 1px solid #7163E9!important;
    color: white!important;
    transform: none!important;
}
.btn.load-more-items2:active,
.btn.load-more-items1:active,
.btn.load-more-items:active {
    border-radius: 8px!important;
    background: #5144C1!important;
    border: 1px solid #5144C1!important;
    color: white!important;
    transform: none!important;
}
.btn.load-more-items2:disabled,
.btn.load-more-items1:disabled,
.btn.load-more-items:disabled {
    background: transparent!important;
    border: 1px solid #BABABA!important;
    color: #BABABA!important;
    transform: none!important;
    cursor: default;
}
 



.btn.load-more-items2::after,
.btn.load-more-items1::after,
.btn.load-more-items::after {
  content: none!important;
    border-radius: 8px!important;
}
.js-show_more--show-more2,
.js-show_more--show-more1,
.js-show_more--show-more {
    margin: 5.2rem 0 0;
    display: flex;
    justify-content: center;
}




@media only screen and (max-width: 1299px) {
  .js-show_more--show-more2, .js-show_more--show-more1, .js-show_more--show-more {
      margin: 4.4rem 0 0;
  }



}
@media only screen and (max-width: 1025px) {
  .js-show_more--show-more2, .js-show_more--show-more1, .js-show_more--show-more {
      margin: 4rem 0 0;
  }


}
@media only screen and (max-width: 991px) {
  .js-show_more--show-more2, .js-show_more--show-more1, .js-show_more--show-more {
      margin: 4.4rem 0 0;
  }

  .btn.load-more-items2, .btn.load-more-items1, .btn.load-more-items {
    width: 100%;
    max-width: 864px;
  }




}
@media only screen and (max-width: 767px) {




}
@media only screen and (max-width: 580px) {
  .btn.load-more-items2, .btn.load-more-items1, .btn.load-more-items {
    width: 100%;
    max-width: 100%;
  }



}