.text-image-block { 
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 100vw;
  width: 100vw;
  height: 100%;
}

.text-image-block > div {
  display: flex;
  flex-direction: column; 
} 

.text-image-block .side {
  display: flex;
  gap: 40px;
}

.text-image-block .side img {
  max-width: 120px;
  height: 100%;
}

.text-image-block p.descr {
  margin-bottom: 30px;
  font-size: calc(14 / 16 * 1rem);
}

.text-image-block img {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}

.text-image-block .content {
  width: 100%;
  height: 100%;
}

.text-image-block .content a > img { 
  margin-bottom: 0;
}


.text-image-block .content .btn-primary {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: fit-content;
  min-height: 56px;
  font-family: 'RobotoRegular', sans-serif;
  border: none;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none;
  /* transition: all 0.5s linear; */
  margin-top: 40px;
  position: relative;
  font-size: calc(18 / 16 * 1rem);
  background: #463D27;
  color: #ffffff;
  width: fit-content;
  padding: 2px 30px;
  gap: 15px;
}

.text-image-block .content .btn-primary > img {
  width: fit-content;
}

@media only screen and (max-width: 1380px) { 

}

@media only screen and (max-width: 870px) { 
  .text-image-block .side { 
    flex-direction: row;
    gap: 20px; 
    margin-bottom: 30px;
  } 
  .text-image-block .side h3 {
    font-size: calc(20 / 16 * 1rem);
  }
  .text-image-block .side img {
    margin-bottom: 0;
    max-width: 100px;
  }
}

.block-editor-block-list__block .text-image-block {
  max-width: 100%;
  width: 100%; 
  padding-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 2rem;
  box-sizing: border-box;
}

.block-editor-block-list__block .btn-primary {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: fit-content;
  min-height: 56px;
  font-family: 'RobotoRegular', sans-serif;
  border: none;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none;
  /* transition: all 0.5s linear; */
  margin-top: 40px;
  position: relative;
  font-size: calc(18 / 16 * 1rem);
  background: #463D27;
  color: #ffffff;
  width: fit-content;
  padding: 2px 30px;
  gap: 15px;
} 