.flip-container{perspective:1000px;width:400px;max-width:100%;height:400px}.flip{width:100%;height:100%;position:relative;transition:transform .6s;transform-style:preserve-3d}.flip-container:hover .flip{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;width:100%;height:100%;border-radius:16px;backface-visibility:hidden;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.flip-front{background-color:#f5f5f5;color:#1a1a1a;border:solid 1px #ed1250;padding-top:3px}.flip-front .background-image{max-height:100%;width:auto;object-fit:contain;border-radius:0}.flip-front .icon{position:absolute;top:30px;left:30px;width:60px;z-index:2}.flip-front .icon img{width:100%}.flip-front h3{font-size:1.5rem;margin:0;padding:0 16px;color:#1a1a1a;line-height:1.4}.flip-front .red-arrow{font-size:2rem;color:#e10038;padding:8px 16px;align-self:flex-start}.flip-back{background-color:#0a0a2c;color:#fff!important;transform:rotateY(180deg);justify-content:space-between;text-align:start!important;padding:20px}.flip-back p{color:#fff!important;font-size:.95rem;line-height:1.4;margin-top:16px}.flip-back .icon{width:60px;z-index:2}.flip-back .icon img{width:100%}.flip-back .red-icon img{width:45px;height:45px;filter:brightness(1) saturate(100%) invert(29%) sepia(98%) saturate(7436%) hue-rotate(330deg) brightness(95%) contrast(96%)}.flip-back .white-arrow{font-size:2rem;color:#fff;padding:8px 0 0 8px}.flip-link{display:block;text-decoration:none;color:inherit;height:100%}