.CardGrid--layout{align-items:start}.Card{overflow:hidden;position:relative}.Card__title{color:var(--color-black);font-size:1.25rem;font-weight:600;margin:1rem}.Card__reveal{transition:max-height .3s ease,opacity .3s ease,}.Card__reveal,.Card__summary{max-height:0;opacity:0;overflow:hidden}.Card__summary{padding:0 1rem;transition:max-height .3s,padding .3s,opacity .3s}.Card__arrow-icon{color:var(--color-black);font-size:1.25rem;font-weight:600;position:absolute;right:10px;top:13px;transform:rotate(-90deg);transition:transform .3s ease}@media (min-width:1025px){.Card--expandable:hover{background:#67eea2;background:var(--colour-green)}.Card--expandable:hover .Card__title{margin-bottom:0;transition:margin-bottom .3s}.Card--expandable:hover .Card__summary{max-height:180px;opacity:1;padding:1rem}.Card--expandable:hover .Card__reveal{max-height:250px;opacity:1}.Card--expandable:hover .Card__arrow-icon{transform:rotate(0deg)}}@media (max-width:1024px){.Card{height:100%}.Card,.Card__reveal{display:flex;flex-direction:column}.Card__reveal{flex-grow:1;justify-content:space-between}.Card__button{margin-top:auto}.Card--expandable .Card__reveal,.Card--expandable .Card__summary{max-height:none!important;opacity:1!important;overflow:visible!important}.Card--expandable .Card__button{display:block!important}.Card--expandable{background:var(--colour-green)}.Card__summary{padding-bottom:1rem!important}.Card__arrow-icon{display:none;opacity:0}}