.coffee-notes {
  .coffee-notes-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: var(--space-10);

    @media (min-width: 990px) {
      align-items: start;
      -moz-column-gap: var(--section-space-main);
           column-gap: var(--section-space-main);
      display: grid;
      grid-template-columns: 9fr 7fr;
    }

    @media (min-width: 1440px) {
      -moz-column-gap: var(--section-space-main);
           column-gap: var(--section-space-main);
    }
  }

  .coffee-notes-content-wrapper {
    display: flex;
    flex-direction: column;

    @media (min-width: 990px) {
      align-self: stretch;
      height: 100%;
    }

    .button {
      margin-top: auto;
    }

    .full-width-mobile {
      margin-bottom: 0;
    }
  }

  .coffee-notes-image {
    aspect-ratio: 4/3;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}