.card{width:150px;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s}[dir] .card{cursor:pointer;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:10px;padding:15px;-webkit-transition:-webkit-transform .2s,-webkit-box-shadow .2s}.card:hover{-webkit-transform:translateY(-5px);-webkit-box-shadow:0 6px 10px rgba(0,0,0,.15)}[dir] .card:hover{transform:translateY(-5px);box-shadow:0 6px 10px rgba(0,0,0,.15)}h3{color:#fff;font-size:18px}[dir] h3{margin:0;text-align:center}[dir=ltr] h3{text-shadow:1px 1px 2px rgba(0,0,0,.3)}[dir=rtl] h3{text-shadow:-1px 1px 2px rgba(0,0,0,.3)}.dashboard{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .dashboard{background:#fff}.card-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[dir] .card-row{margin:20px 0}.title-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative}[dir] .title-row{margin-bottom:10px}[dir=ltr] .title-row{right:20%}[dir=rtl] .title-row{left:20%}