/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-mylan-post-block {
  background: orangered;
  border: 0.2rem solid #292929;
  color: #292929;
  margin: 0 auto;
  max-width: 740px;
  padding: 2rem; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
@media screen and (min-width: 768px) {
  .wp-block-cgb-mylan-post-product-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .wp-block-cgb-mylan-post-product-block .wpb-products .product-list {
      display: block; }
    .wp-block-cgb-mylan-post-product-block .wpb-products .product-list-item {
      width: auto;
      padding: 0; }
    .wp-block-cgb-mylan-post-product-block > .wp-block-cgb-mylan-post-product-content-block {
      width: 65%;
      margin-right: 5%;
      -ms-flex: 1;
          flex: 1; }
    .wp-block-cgb-mylan-post-product-block > .products {
      width: 30%;
      max-width: 14rem; }
    .wp-block-cgb-mylan-post-product-block.align-right > .wp-block-cgb-mylan-post-product-content-block {
      margin-right: 0;
      margin-left: 10%;
      -ms-flex-order: 1;
          order: 1; }
    .wp-block-cgb-mylan-post-product-block .product-list .product-list-item {
      margin-bottom: 3rem; }
    .wp-block-cgb-mylan-post-product-block .product-list .product-image {
      width: 80%;
      margin: 0 auto; }
    .wp-block-cgb-mylan-post-product-block .product-list .product-list-data {
      text-align: center;
      font-size: 0.75rem; } }