.box{background:#006e5e;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);margin-bottom:1.5rem;overflow:hidden;position:relative}.box img{height:auto;transform:scale(1);transform-origin:right center;transition:all .7s ease 0s;width:100%}.box:hover img{opacity:.6;transform:translateX(40px) scale(1.2)}.box .box-content{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.9);left:50%;opacity:0;padding:20px;position:absolute;text-align:center;top:50%;transform:translateX(-100%) translateY(-50%) scale(0);transform-origin:left center;transition:all .7s ease 0s;width:75%}.box:hover .box-content{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}.box .title{color:#006e5e;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:capitalize}.box .title:after{border-bottom:2px dashed #555;clear:both;content:"";display:block;height:2px;margin:5px auto 0;width:168px}.box .post{color:#555;display:block;font-size:14px;font-weight:500;letter-spacing:1px;margin:0 0 10px;text-transform:lowercase}.box .icon{list-style:none;margin:0;padding:0}.box .icon li{display:inline-block;margin:0 4px}.box .icon li a{background-color:#006e5e;color:#fff;display:block;font-size:14px;height:30px;line-height:30px;text-align:center;transition:all .3s ease 0s;width:101px}.box .icon li a:hover{border-radius:0 0 50% 0;box-shadow:-3px -3px 0 rgba(0,0,0,.3)}