section{box-sizing:border-box;border:1px solid #678;width:320px;height:320px;margin:0 15px 15px 0;display:inline-block;position:relative;overflow:hidden}section.reverse{width:870px;height:450px}section div{text-align:center;color:#333;background-color:#fefefe;border:1px solid #333;border-radius:8px;width:16px;height:16px;font-size:9px;line-height:16px;position:absolute}section svg{background-color:#fefefe;position:absolute}section svg path{fill:none;stroke:#358;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.wrapper{box-sizing:border-box;background-color:#fefefe;border:1px solid #678;width:130px;height:320px;margin:0 15px 15px 0;padding:15px;display:inline-block;position:relative;overflow:hidden}.wrapper section{border:none;height:auto;position:absolute;bottom:0}.wrapper section div{margin-top:5px;position:relative}.wrapper section div span{text-align:left;color:#358;width:80px;font-family:Handlee,sans-serif;font-size:15px;font-weight:700;position:absolute;top:0;left:24px}