.cardWrap{color:#fff;font-family:sans-serif;box-shadow:0 10px 20px #000000b3,0 6px 6px #000000b3}.cards{background:linear-gradient(to bottom,#edf9dd 0% 26%,#ecedef 26% 100%);height:13em;float:left;position:relative;padding:1em;box-shadow:#32325d40 5px 6px 5px -10px,#0000004d 0 3px 7px -3px}.cardLeft{border-top-left-radius:8px;border-bottom-left-radius:8px;width:16em}.card-pesanan-saya{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;transition:all .3s cubic-bezier(.25,.8,.25,1)}.card-pesanan-saya:hover{box-shadow:0 3px 12px #00000029,0 3px 12px #0000003b}.cardRight{width:6.5em;border-left:.18em dashed #fff;border-top-right-radius:8px;border-bottom-right-radius:8px}.cardRight:before,.cardRight:after{content:"";position:absolute;display:block;width:.9em;height:.9em;background:#fff;border-radius:50%;left:-.5em}.cardRight:before{top:-.4em}.cardRight:after{bottom:-.4em}h1{font-size:1.1em;margin-top:0}h1 span,.title,.name,.seat,.time{font-weight:400}.title h2,.name h2,.seat h2,.time h2{font-size:.9em;color:#525252;margin:0}.title span,.name span,.seat span,.time span{font-size:.7em}.title{margin:2em 0 0}.name,.seat{margin:.1em 0 0}.time{margin:.7em 0 0 1em}.seat,.time{float:left}.eye{position:relative;width:2em;height:1.5em;background:#fff;margin:0 auto;border-radius:1em/.6em;z-index:1}.eye:before,.eye:after{content:"";display:block;position:absolute;border-radius:50%}.eye:before{width:1em;height:1em;background:#edf9dd;z-index:2;left:8px;top:4px}.eye:after{width:.5em;height:.5em;background:#fff;z-index:3;left:12px;top:8px}.number{text-align:center}.number h3{color:#edf9dd;margin:.9em 0 0}.number span{display:block;color:#a2aeae}