.back,.card .content,.front{transform-style:preserve-3d}.back,.more:checked~.content{transform:rotateY(180deg)}.button,.front h2{text-transform:uppercase;color:#fff}*{box-sizing:border-box}body{margin:0;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:Montserrat,sans-serif}.wrapper{display:flex;flex-flow:row wrap;justify-content:center}.card{padding:2em;background:0 0;height:75vh;perspective:1500px;border:0}.back,.button:hover,.front{background-color:#fff}.back,.front,.front:after{top:0;left:0;width:100%;height:100%;border-radius:6px}.card .content{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.75,0,.85,1)}.more{display:none}.back,.front{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;visibility:visible}.button,.front:after{backface-visibility:hidden}.back .inner,.front .inner{height:100%;display:grid;padding:1.5em;transform:translateZ(80px) scale(.94)}.front{background-size:cover;background-position:bottom center}.front:after{content:'';position:absolute;display:block}.front .inner{grid-template-rows:3fr 1fr 1fr 2fr 1fr;justify-items:center}.front h2{grid-row:2;margin-bottom:.3em;letter-spacing:3px;font-weight:500;text-shadow:0 0 6px rgba(0,0,0,.1)}.front .rating{grid-row:3;color:#fff;font-size:14px;display:flex;flex-flow:row nowrap}.front .rating i{margin:0 1px}.back{border:2px solid #f0f0f0}.back .inner{grid-template-rows:1fr 2fr 1fr 2fr 14fr 1fr 1fr;grid-template-columns:repeat(4,auto);grid-column-gap:.8em;justify-items:center}.back .info{position:relative;display:flex;align-items:center;color:#355cc9;grid-row:3}.back .info:not(:first-of-type):before{content:'';position:absolute;left:-.9em;height:18px;width:1px;background-color:#ccc}.back .info span{font-size:2em;font-weight:700}.back .info i{font-size:1.2em}.back .info i:before{background:linear-gradient(40deg,#355cc9,#438af3);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.back .info .icon{margin-left:.3em}.back .info .icon span{display:block;margin-top:-.25em;font-size:.8em;font-weight:600;white-space:nowrap}.back .description{grid-row:5;grid-column:1/-1;font-size:.86em;border-radius:5px;font-weight:600;line-height:1.4em;overflow:auto;color:#355cc9;padding-right:10px}.back .location,.back .price{font-weight:600;color:#355cc9;grid-row:1;font-size:.86em}.back .location{grid-column:.3333333333;justify-self:left}.back .price{grid-column:-3;justify-self:right}.back .button{grid-column:1/-1;justify-self:center}.button{grid-row:-1;letter-spacing:1px;font-weight:600;cursor:pointer;display:block;padding:0 1.5em;height:3em;line-height:2.9em;min-width:3em;background-color:transparent;border:2px solid #fff;border-radius:4px;text-align:center;left:50%;transition:.3s ease-in-out;text-shadow:0 0 6px rgba(0,0,0,.3)}.button:hover{box-shadow:0 0 50px rgba(0,0,0,.5);text-shadow:none;color:#355cc9}.button.return{line-height:3em;color:#355cc9;border-color:#355cc9;text-shadow:none}.button.return:hover{background-color:#355cc9;color:#fff;box-shadow:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#859ddf}::-webkit-scrollbar-thumb:hover{background:#355cc9}@media screen and (max-width:480px){.info.infosmall{grid-row:4;margin-left:-.7em}.back .info:first-of-type{grid-column:2/5}.back .info:not(:first-of-type):before{background-color:transparent}.card{min-height:400px;height:60vh;padding:1em}.back .location{grid-column:1/3}}