.cube-wrapper{position:relative;width:370px;margin:0 auto;margin-bottom:34px;margin-top:34px}.cube-container{display:flex;justify-content:center;align-items:center;perspective:800px;perspective-origin:50%}.image-cube{width:300px;height:300px;transform-style:preserve-3d;position:relative;transition:2s}.image-cube div{height:300px;width:300px;position:absolute}.image-cube a{font-weight:400;font-size:13px;margin:10px}.image-cube img{height:300px;width:300px;position:absolute;width:100%;transform:translateZ(0);overflow:hidden;object-fit:cover;object-position:50% 50%}.front{transform:translateZ(150px);background:#333}.right{transform:rotateY(-270deg) translateX(150px);transform-origin:100% 0;background:#333}.back{transform:translateZ(-150px) rotateY(180deg);background:#333}.left{transform:rotateY(270deg) translateX(-150px);transform-origin:0 50%;background:#333}.btns{position:relative;bottom:45px;width:370px;margin:0 auto;display:flex;justify-content:space-between}.btns button{color:#333;border:none;color:#fff;cursor:pointer}.btns .dashicons{display:inline}.cube-link{position:absolute;z-index:9;color:#fff;background:rgba(0,0,0,.6);padding:5px}#cube-prev,#cube-next{padding:10px 30px;background:#ec521e;line-height:25px}#cube-prev:hover,#cube-next:hover{background:-webkit-linear-gradient(135deg,#444 30%,#777 100%);background:linear-gradient(135deg,#444 30%,#777 100%)}#cube-prev span,#cube-next span{font-size:25px;font-weight:700}@media screen and (max-width:400px){.cube-wrapper{position:relative;margin:0 auto;margin-top:50px;margin-bottom:50px}.cube-container{display:block;height:200px}.image-cube img,.image-cube div{width:100%;height:200px}.image-cube{margin:0;padding:0;height:200px}.btns{bottom:72px;display:block;position:relative;width:100%;margin:0 auto}.cube-prev{position:absolute;left:0}.cube-next{position:absolute;right:0}.image-cube a{margin:20px}}