.box:before{content:"";transform-origin:100% 0;background:linear-gradient(90deg,#0050ba,#0a3d81);border-radius:15px;width:100%;height:100%;transition:all .35s ease-in-out;position:absolute;top:0;left:0;transform:rotate(-90deg)}.box:hover:before{opacity:.7;transform:rotate(0)}.box .box-content{color:#fff;transform-origin:100% 0;width:100%;padding:15px 5px;transition:all .35s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)rotate(-90deg)}.box:hover .box-content{transform:translate(-50%)translateY(-50%)rotate(0)}