/* Home docs actions buttons */

.home-docs-actions {
  margin: 0 auto;
}

.che-docs-btn__text {
  color: #3badfc;
  font-family: "Magistralc", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.che-docs-btn {
  max-width: 690px;
  height: 74px;
  margin: 0 auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(59, 173, 252, 0.15);
}

.right-btn-wrap,
.left-btn-wrap {
  height: 100px;
}

.l-btn-1,
.r-btn-1,
.l-btn-2,
.l-btn-3,
.r-btn-3,
.r-btn-2 {
  min-width: 306px;
  border-radius: 0;
  padding: 0;
  height: 100%;
}

.l-btn-1,
.r-btn-1,
.l-btn-3,
.r-btn-3 {
  background: rgba(59, 173, 252, 0.15);
  color: #3badfc;
}

.tabs-wrap {
  column-gap: 78px;
}

.image-2 {
  background-color: transparent;
}

.image-2.tab-image,
.image-2.tab-image2 {
  width: 80px;
  height: 80px;
}

@media screen and (max-width: 760px) {
  .tabs-wrap {
    column-gap: 16px;
  }

  .right-btn-wrap,
  .left-btn-wrap {
    height: 75px;
  }

  .l-btn-1,
  .r-btn-1,
  .l-btn-2,
  .l-btn-3,
  .r-btn-3,
  .r-btn-2 {
    flex-direction: row;
    justify-content: center;
    min-width: 100%;
    padding: 0 20px;
  }

  .image-2.tab-image,
  .image-2.tab-image2 {
    width: 65px;
    height: 65px;
  }
}

@media screen and (min-width: 1250px) {
  .che-docs-btn {
    transition: background 0.3s;
  }

  .che-docs-btn:hover {
    background-color: #142e60;
  }
}