.text-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-block .header {
  display: flex;
  gap: 42px;
  margin-bottom: 42px;
}

.text-block .header img {
  border-radius: 25px;
  object-fit: cover;
  width: 250px;
  height: 200px;
}

.text-block .header .headline h3 { 
  max-width: 80%;
  hyphens: none;
}

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

}

@media only screen and (max-width: 870px) { 
  .text-block .header {
    flex-direction: column;
    margin-bottom: 10px;
  }
  .text-block .header img {
    width: 100%;
    height: auto;
  }
  .text-block .header h3 {
    max-width: 100%;
  }
  .text-block .header {
    gap: 20px;
  }
  .text-block .content a.button-primary {
    margin-bottom: 30px;
  }
}

.block-editor-block-list__block .text-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 .text-block .header h1,
.block-editor-block-list__block .text-block .header h2,
.block-editor-block-list__block .text-block .header h3,
.block-editor-block-list__block .text-block .header h4,
.block-editor-block-list__block .text-block .header h5
{
  margin: 0;
}


.block-editor-block-list__block .text-block .button-primary.black > span {
  color: #3A4856;
 }
 
.block-editor-block-list__block .text-block .button-primary.black:hover > span {
  color: #ffffff; 
}

  
.block-editor-block-list__block .text-block .button-primary-wrapper {
  position: relative;
  width: fit-content;
}

.block-editor-block-list__block .text-block .button-primary {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: fit-content;
  min-height: 56px;
  font-family: 'MontserratRegular', sans-serif;
  border: none;
  border-radius: 100px;
  cursor: pointer; 
  text-decoration: none;
  transition: all 0.5s linear;
  margin-top: 20px;
  position: relative;
  background: transparent;
  padding: 0;
  font-size: unset;
  line-height: unset;
}

.block-editor-block-list__block .text-block .button-primary > span {
  font-size: 30px; 
  text-transform: lowercase;
  padding: 0 10px 0 0;
  z-index: 10;
  transform: translateX(30px);
  color: #ffffff;
}

.block-editor-block-list__block .text-block .button-primary > .icon {
  font-size: 2em;
  transition: all 0.5s linear;
  width: 30px;
  height: 30px;
  margin-left: 40px;
  padding-right: 40px;
}

.block-editor-block-list__block .text-block .button-primary:hover > .icon {
  transform: rotate(-90deg); 
}

.block-editor-block-list__block .button-.button-primary.blue {
  background: none;
  color: #000000; 
}

.block-editor-block-list__block .text-block .button-primary.blue::before {
  content: "";
  display: block;
  width: 56px;
  height: 100%;
  background-color: #009DE2;
  position: absolute;
  border-radius: 100px;
  left: 0;
  z-index: 0;
  transition: all 600ms ease;
}

.block-editor-block-list__block .text-block .button-primary.blue:hover::before {
  width: 100%;
  background-color: #037CB1;
}

.block-editor-block-list__block .text-block .button-primary.blue:hover .icon {
  transform: translateX(10px);
}