.woocommerce-navigation-intro-modal { width: 670px; @include breakpoint( "<782px" ) { width: 350px; } .components-guide__page-control { order: 3; margin: $gap 0; li { margin: 0; } } .components-modal__header { display: none; } .components-guide__container { margin-top: 0; } .components-guide__footer { box-sizing: border-box; margin: 0; height: 0; overflow: visible; .components-button { position: absolute; bottom: 100%; margin-bottom: $gap; } .components-guide__back-button { display: none; } } &.components-modal__frame.components-guide { height: auto; } .woocommerce-navigation-intro-modal__page-wrapper { display: grid; grid-template-columns: 1fr 1fr; img { max-width: 100%; } @include breakpoint( "<782px" ) { grid-template-columns: 1fr; .woocommerce-navigation-intro-modal__image-wrapper { grid-row: 1; max-height: 328px; overflow: hidden; } } } .woocommerce-navigation-intro-modal__page-text { padding: $gap-large; display: flex; flex-direction: column; justify-content: center; h2 { font-weight: bold; margin-bottom: $gap-smaller; } } }