.expandable-cards-module{--columns:3;min-height:75vh;@media (max-width:1024px){--columns:2}@media (max-width:600px){--columns:1}.background-image{height:auto;left:0;margin-top:100px;position:absolute;z-index:-1}.cards{display:grid;gap:20px;grid-template-columns:repeat(var(--columns),1fr);.card{background-color:#fff;color:#000;display:flex;flex-direction:column;padding:50px 30px 65px;position:relative;transition:color .3s ease;z-index:0;&:after{background-color:#543ac1;bottom:0;content:"";height:0;left:0;position:absolute;transition:.3s ease-in-out;width:100%;z-index:-1}&:not(.is-expanded):hover:after{background-color:#dcff03;height:100%}&.is-expanded{border-color:#dcff03;&:after{background-color:#dcff03}.cta{display:none}.close-button{display:flex}}.text{margin-bottom:60px}.cta{color:#543ac1;cursor:pointer;font-size:13px;margin-top:auto;transition:color .3s ease-in-out;&:after{background-image:url(https://25774619.fs1.hubspotusercontent-eu1.net/hubfs/25774619/Icons/arrow_violet.svg);background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:10px;margin-left:8px;transition:.3s ease-in-out;vertical-align:middle;width:22px}}&:hover .cta:after{margin-left:16px}.close-button{align-items:center;background-color:#dcff03;border-radius:50%;bottom:0;cursor:pointer;display:none;height:36px;justify-content:center;left:50%;position:absolute;transform:translate(-50%,55%);width:36px;img{height:auto;width:70%}}}.expanded-content{border:none;display:grid;grid-column:1/-1;grid-template-rows:0fr;transition:grid-template-rows .4s ease;&.is-active{grid-template-rows:1fr}.expanded-body{min-height:0;overflow:hidden;.expanded-card-data{display:none;opacity:0;padding:40px 0;transform:translateX(0);transition:opacity .3s ease,transform .3s ease;&.is-active{display:block;opacity:1;transform:translateX(0)}&.slide-in,&.slide-out{display:block;transition:opacity .25s ease,transform .25s ease}}}}}}