.BlogPostTile_blogPostTile__QeVd0{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:calc(200px * var(--ui-density, 1));border-radius:calc(20px * var(--ui-density, 1));padding:calc(20px * var(--ui-density, 1));cursor:pointer;color:#fff;font-size:calc(20px * var(--ui-density, 1));box-shadow:0 calc(4px * var(--ui-density, 1)) calc(15px * var(--ui-density, 1)) #0000004d;background-size:cover;background-position:50%;background-color:#3498db;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.BlogPostTile_blogPostTile__QeVd0:hover{transform:scale(1.05);box-shadow:0 calc(8px * var(--ui-density, 1)) calc(20px * var(--ui-density, 1)) #00000080}.BlogPostTile_blogPostTileTitle__nCtUA{font-size:calc(18px * var(--ui-density, 1));color:#fff;font-weight:500;position:relative;z-index:2;transition:color .3s ease;flex:2;margin-right:calc(15px * var(--ui-density, 1));line-height:1.5;text-align:center;font-family:Arial,sans-serif}.BlogPostTile_blogPostTileTitle__nCtUA button{position:relative;z-index:2;background-color:#fff;color:#3498db;border:calc(2px * var(--ui-density, 1)) solid #3498db;padding:calc(10px * var(--ui-density, 1)) calc(20px * var(--ui-density, 1));border-radius:calc(20px * var(--ui-density, 1));font-size:calc(16px * var(--ui-density, 1));font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease,transform .2s ease;flex-shrink:0}@media (max-width:768px){.BlogPostTile_blogPostTileTitle__nCtUA{height:auto;padding:calc(15px * var(--ui-density, 1));font-size:calc(20px * var(--ui-density, 1))}.BlogPostTile_blogPostTileTitle__nCtUA button{padding:calc(8px * var(--ui-density, 1)) calc(16px * var(--ui-density, 1));font-size:calc(14px * var(--ui-density, 1))}}@media (max-width:480px){.BlogPostTile_blogPostTileTitle__nCtUA{flex-direction:column;height:auto;padding:calc(10px * var(--ui-density, 1));font-size:calc(18px * var(--ui-density, 1));margin-bottom:calc(10px * var(--ui-density, 1))}.BlogPostTile_blogPostTileTitle__nCtUA button{padding:calc(6px * var(--ui-density, 1)) calc(12px * var(--ui-density, 1));font-size:calc(12px * var(--ui-density, 1))}}