.cp_card-division{background:var(--color-global-1-hex);border-radius:20px 20px 14px 14px;display:block;overflow:hidden;padding:27px 20px 110px;position:relative;figure{height:48px;text-align:center;width:auto;img{height:100%;object-fit:contain;width:100%}}h3{color:var(--color-system-1-hex);margin:12px 0 0;text-align:center;@media (min-width:992px){font-size:34px;margin-top:22px}}.cp_card-division__button{bottom:27px;position:absolute;right:32px}.hover-content{align-items:center;bottom:-56px;display:grid;height:5%;justify-content:space-between;left:0;padding:20px 20px 48px;position:absolute;right:0;transition:background .4s ease;transition:height .4s ease;@media (min-width:992px){bottom:-70px;padding-bottom:45px;padding-left:40px;padding-right:40px;padding-top:40px}&.cloud{background:var(--color-global-4-hex)}&.infrastructure{background:var(--color-global-7-hex)}&.modernisation{background:var(--color-global-5-hex)}&.cyberdefense{background:var(--color-global-6-hex)}p{color:#fff;margin:0;text-align:center;&.title{font-family:var(--typo-h1-font);font-size:22px;font-weight:600;line-height:1;margin-bottom:24px;@media (min-width:992px){font-size:30px}}}.button-hover{margin-right:16px;padding-top:10px;text-align:right;@media (min-width:992px){padding-top:68px}}}&:active{.hover-content{&.cloud{background:#cc6d5d}&.infrastructure{background:#389bab}&.modernisation{background:#299249}&.cyberdefense{background:#9b006b}}}}@media (hover:hover){.cp_card-division:hover .hover-content{bottom:0;height:100%}}@media (max-width:992px){.cp_card-division{&:active,&:focus{.hover-content{bottom:0;height:100%}}}}@media (min-width:992px){.cp_card-division{height:100%;padding-block:40px 114px;padding-inline:24px;figure{height:100px}.cp_card-division__button{bottom:40px;right:46px}}}