.flip-card{background-color:transparent;width:100%;height:254px;perspective:1000px;font-family:sans-serif}.title{font-size:1.2em;font-weight:900;text-align:center;margin:0}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.ayat{font-style:italic}.flip-card-back,.flip-card-front{box-shadow:0 8px 14px 0 rgba(0,0,0,.2);position:absolute;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1rem}.flip-card-front{background:linear-gradient(120deg,#fff 60%,#fff 88%,#fff 0,#f0d0c4 48%);color:coral}.flip-card-back{padding:12px;background:linear-gradient(120deg,#ffae91 30%,coral 88%,bisque 0,#ffb9a0 78%);color:#fff;transform:rotateY(180deg)}