.title-container{margin:0 auto 3rem}.platform-heading{margin:0 auto 1rem}.grid .p-2 img.product-icon{background:#f1f7fa;border-radius:20%;height:60px;margin:0 auto;padding:10px;width:60px}.grid .w-full .screenshot-container{background:#f1f7fa;border-radius:20px 20px 0 0}.grid .w-full .screenshot{border-radius:0;margin-top:1rem;position:relative;z-index:12}.p-2 .w-full p.mt-half{min-height:72px}.coming-soon .coming-soon-btn{pointer-events:none}.coming-soon .justify-center.grid{display:flex}.p-2 .w-full .link-container{margin-top:0;position:absolute;width:100%;z-index:20}.p-2 .flex a.btn{margin:0 auto;opacity:0;transform:translateY(200px)}.p-2:hover .flex a.btn{opacity:1;transform:translateY(0);transition:transform 1s ease,opacity 1.5s ease-in}.p-2:hover>div .screenshot{transform:scale(1.1);transition:transform 1.5s ease}.gradient-circle{background:url(https://46527220.fs1.hubspotusercontent-na1.net/hubfs/46527220/maropost%20website/Circle.png) no-repeat 50%;background-position:bottom;background-size:contain;height:350px;left:0;position:absolute;top:100%;width:100%}.p-2:hover .gradient-circle{transform:translateY(-90%);transition:transform 1.25s ease}.coming-soon .card{width:50%}.p-2.border.border-gray-light.border-opacity-10.overflow-hidden.relative.pb-0:nth-child(4),.p-2.border.border-gray-light.border-opacity-10.overflow-hidden.relative.pb-0:nth-child(5),.p-2.border.border-gray-light.border-opacity-10.overflow-hidden.relative.pb-0:nth-child(6){margin-top:2rem}@media only screen and (max-width:768px){.grid>div.p-2 .flex a.btn{opacity:1;transform:translateY(0)}.grid>div.p-2:hover>div .screenshot{transform:scale(1)}.coming-soon .card{max-width:100%}.p-2.border.border-gray-light.border-opacity-10.overflow-hidden.relative.pb-0:nth-child(4),.p-2.border.border-gray-light.border-opacity-10.overflow-hidden.relative.pb-0:nth-child(5),.p-2.border.border-gray-light.border-opacity-10.overflow-hidden.relative.pb-0:nth-child(6){margin-top:0}}