[data-component-id="skywin:announce_block"] {
  /* @todo Add your styles here. */
  --lp-heading-color: #fff;
  --lp-text-color: #fff;
  --grad-dir : to bottom;

  display: grid;
  gap: 2rem;
  background-color: var(--color-light-blue);
  background-image: linear-gradient(var(--grad-dir), var(--color-blue) 0% , var(--color-light-blue) 50% ,var(--color-light-blue) 100% );
  max-width: 1024px;
  margin-inline: auto;

    color: #fff;
  :is(h1,h2,h3,h4,h5,h6,p,a, .block-title){
    color: #fff;
  }

  .media{
    padding-inline: 1rem;
    order: 2;
  }

  .content{
    display: grid;
    padding: var(--size-auto-lg) ;
    padding-block-end: 1rem;
    gap: 1rem;

    .block-subtitle{
      order: -1;
    }
    .block-title{
      --lp-heading-fw: 300;
      line-height: 1;
      margin-bottom: 1rem;
    }
    .text{
      max-width: 35ch;
      p{
      line-height: 1.33;
      }
      p:last-child{
         margin-bottom: 0;
       }
    }

    footer{
      display: flex;
      gap: 1rem;
      justify-content: flex-end;
    }
  }

  @media (min-width: 768px){
    align-items: end;
    --grad-dir: to right;
    grid-template-columns: 1fr 1fr;

    .media{ order: 0; }


  }
}