/* Universal breakpoints */
.blog-tile {
  position: relative;
  width: 420px;
  max-width: calc(100vw - 70px); }
  @media (max-width: 991px) {
    .blog-tile {
      margin-right: 0;
      min-width: 100%; } }
  .blog-tile-img {
    height: 230px;
    width: 100%; }
  .blog-tile-button-wrap {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: flex-end; }
    .blog-tile-button-wrap button {
      position: relative;
      margin-bottom: -24px;
      font-size: 20px; }
      /* MKPL Fix */
      .blog-tile-button-wrap a {
        position: relative;
        margin-bottom: -24px;
        font-size: 20px; }
  .blog-tile-heading {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 5px;
    text-align: center; }
  .blog-tile-description {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 5px 0 0; }
  .blog-tile-copy-wrap {
    margin-top: 60px;
    margin-bottom: 40px; }
      /* SYFC-5512 | css for updating Read more button as a Anchor tag | Page : black-friday | - Starts */
      .blog-tile-button-wrap a {
        position: relative;
        margin-bottom: -24px;
        font-size: 20px; }
       /* SYFC-5512 | css for updating Read more button as a Anchor tag | Page : black-friday | - End */
  
       /* JRD fixing issue with blog tiles with varying images */
       .three-up .inner:has(.blog-tile) {
        align-items: stretch;
        }