.grid-container{display:grid;grid-template-columns:1fr}.tile{overflow:hidden;perspective:1000px}.tile_inner{display:grid;margin:32px 5px;transform-style:preserve-3d;transition:transform .6s}.tile:hover .tile_inner{transform:rotateY(180deg)}.tile_back,.tile_front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;box-shadow:0 0 5px 0 rgba(0,0,0,.15);grid-area:1/1}.tile_front__bar{height:18px;position:absolute;top:70px;width:100%}.tile_back__header.blue,.tile_front__bar.blue{background:#d5e5f0}.tile_back__header.red,.tile_front__bar.red{background:#fcdedc}.tile_back__header.orange,.tile_front__bar.orange{background:#fae9de}.tile_back__header.yellow,.tile_front__bar.yellow{background:#ffebc4}.tile_back__header.green,.tile_front__bar.green{background:#e4f2e1}.tile_front__icon{margin:30px 0;position:relative;text-align:center}.tile_front__content_wrapper{padding:0 20px 20px;text-align:center}.tile h4{font-size:20px;font-weight:700}.tile li,.tile p{font-size:14px}.tile_back{transform:rotateY(180deg)}.tile_back__header{border-radius:20px 20px 0 0}.tile_back__header p{color:#4a4a4a;font-size:12px;margin:0;padding:39px 20px 30px;text-transform:uppercase}.tile_back__content_wrapper{padding:20px 20px 40px}.tile_back h4{font-size:16px}a.tile_back__link{bottom:20px;color:#1e6fd4;font-weight:700;position:absolute}