.role-card{position:relative;width:110px;height:100px;transition:.5s}[dir] .role-card{background-position:center 20%;background-size:50%;background-repeat:no-repeat;margin:5px 5px;border-radius:5px;box-shadow:0 7px 29px 0 rgba(100,100,111,.1)}[dir] .role-card:hover{transform:scale(1.1)}.role-card p{font-weight:500;position:absolute;bottom:5px;font-size:9px}[dir] .role-card p{text-align:center}[dir=ltr] .role-card p{left:50%;transform:translate(-50%)}[dir=rtl] .role-card p{right:50%;transform:translate(50%)}[dir] .selected{border:1px solid #4174f1}