.card1,.card1-container1,.card1-content{transform-style:preserve-3d}.card1,.card1 img{transition:transform .6s cubic-bezier(.23, 1, .32, 1)}.card1s-wrapper1{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -20px}.card1-container1{perspective:1000px;width:280px;height:500px;margin:5px}.card1{width:100%;height:100%;position:relative;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.card1-content,.glow{position:absolute;width:100%;height:100%}.card1:hover{box-shadow:0 15px 40px rgba(0,0,0,.5)}.card1-content{display:flex;flex-direction:column;justify-content:space-between;padding:30px;box-sizing:border-box;backface-visibility:hidden}.card1 img{width:calc(100% + 60px);height:55%;object-fit:cover;border-radius:20px 20px 0 0;margin:-30px 0 0 -30px;padding:10px}.button{display:inline-block;padding:12px 24px;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;text-decoration:none;border-radius:25px;font-weight:700;transition:.3s;transform:translateZ(50px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.button:hover{background:linear-gradient(45deg,#2980b9,#3498db);transform:translateZ(60px) scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.3)}.glow{border-radius:20px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),transparent 50%);pointer-events:none;opacity:0;transition:opacity .6s}.card1:hover .glow{opacity:1}