.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.card-player{width:350px;height:250px;background-color:#fff;background:royalblue;box-shadow:0 8px 16px -8px rgba(0,0,0,.4);border-radius:6px;overflow:hidden;position:relative;margin:1.5rem}
.card-player .additional{position:absolute;width:100%;height:100%;background:transparent;transition:width .4s;overflow:hidden;z-index:2}
.card-player .additional .user-card{width:350px;height:100%;position:relative;float:left}
.card-player .additional .user-card::after{content:"";display:block;position:absolute;top:10%;right:-2px;height:80%;border-left:2px solid rgba(0,0,0,.025)}
.card-player .additional .user-card .level,.card-player .additional .user-card .points,.card-player .additional .user-card .rewards{top:25%;color:#fff;text-transform:uppercase;font-size:1em;font-weight:700;background:rgba(0,0,0,.15);padding:.125rem .75rem;border-radius:100px;white-space:nowrap}
.card-player .additional .user-card .image{left:25%;top:60%;width:25%;border:2px solid #fff;border-radius:50%}
.card-player .additional .more-info{text-align: center;top:60%;width:175px;float:left;position:absolute;left:70%;}