.text-image-block {
  --wrapper-direction: column-reverse;
  --wrapper-margin: 5% 0;
  --column-width: 100%;
  --wrapper-gap: 30px 0;
  
  @media screen and (min-width: 480px) {
    --wrapper-direction: row;
    --wrapper-margin: 5% 0;
    --column-width: 50%;
    
    &.row-reverse {
      --wrapper-direction: row-reverse;
    }
  }
  
  .inner-wrapper {
    display: flex;
    flex-direction: var(--wrapper-direction);
    align-items: center;
    gap: var(--wrapper-gap);
    margin: var(--wrapper-margin);
    width: 100%;

    .col {
      width: var(--column-width);
      padding: 0 15px;
    }
    
    .col-copy {
      order: 0;
    }
    .col-visual {
      order: 1;
    }
  }
  
  .heading {
    font-size: 44px;
    line-height: 45px;
  }
  .abstract {
    padding: 30px 0;
  }
  .actions {}
  .action {}
  
  .btn-primary.orange {
    text-decoration: none;
    background-color: rgb(239,65,35);
    border-color: rgb(239,65,35);
    
    :hover {
      background-color: rgb(255,71,38);
      border-color: rgb(255,71,38);
  }
}