.spell-card-wrapper{perspective:1000px;display:inline-block;margin:.5rem}.spell-card-outer{transform:scale(.9);transition:transform .3s ease,box-shadow .3s ease;display:inline-block;width:350px;max-width:100%;height:500px;box-shadow:0 4px 8px #00000026}.spell-card-inner{position:relative;padding:0;border-radius:.5rem;overflow:hidden;transform-origin:center;animation:rocking 4s ease-in-out infinite;animation-play-state:paused;width:350px;max-width:100%;height:500px;background-size:cover;transition:box-shadow .3s ease-in-out}.spell-card-inner .card-body{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:rgba(0,0,0,.4);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border:1px solid rgba(255,255,255,.855);text-align:center}.spell-category-money{border:3px solid rgba(194,159,94,.3);box-shadow:0 0 6px #c29f5e4d}.spell-category-love{border:3px solid rgba(196,85,85,.3);box-shadow:0 0 6px #c455554d}.spell-category-power{border:3px solid rgba(59,58,105,.3);box-shadow:0 0 6px #3b3a694d}.spell-card-inner:hover{animation-play-state:running;box-shadow:0 10px 20px #ffd70080}.spell-card-outer:hover{transform:scale(1);box-shadow:0 8px 16px #00000040}@keyframes rocking{0%{transform:rotateY(10deg)}50%{transform:rotateY(-10deg)}to{transform:rotateY(10deg)}}.spell-btn-group{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.spell-btn{background:white;color:#2a3a5e;border:1.5px solid #2E4A3D;font-family:EB Garamond,serif;font-size:1.1rem;padding:6px 14px;border-radius:4px;cursor:pointer;transition:all .25s ease-in-out;letter-spacing:.4px;box-shadow:none;text-transform:capitalize;position:relative;overflow:hidden}.spell-btn:hover{background:#2A3A5E;color:#fff;border-color:#2a3a5e}.spell-btn.active{background:#2A3A5E;color:#fff;border:1.5px solid black;transition:all .25s ease-in-out}.spell-btn.active:hover{background:#374878;border-color:#f4e1c7}@media (max-width: 768px){.spell-btn{font-size:1rem;padding:5px 12px}}@media (max-width: 768px){.spell-card-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.spell-card-outer{height:auto;min-height:450px;width:95%;max-width:100%;margin:0 auto}.spell-card-inner{height:auto;min-height:450px;background-size:cover;background-position:center;width:100%;aspect-ratio:2/3}.card-body{padding:1rem}}.spell-card-inner.active{animation-play-state:running;box-shadow:0 10px 20px #ffd70080}.spell-card-outer.active{transform:scale(1);box-shadow:0 8px 16px #00000040}