.card-flexbox{display:flex;flex-direction:column;--card-margin:16px;--card-margin-total:calc(var(--card-margin)*2);@media (min-width:768px){flex-direction:row;flex-wrap:wrap;justify-content:center;&:is(.flex-columns-2,.flex-columns-3,.flex-columns-4,.flex-columns-5) .card{width:calc(50% - var(--card-margin-total))}&.flex-columns-3-1 .card{width:100%}}@media (min-width:992px){&.flex-columns-3 .card,&.flex-columns-3-1 .card{width:calc(33.33333% - var(--card-margin-total))}&.flex-columns-4 .card{width:calc(25% - var(--card-margin-total))}&.flex-columns-5 .card{width:calc(20% - var(--card-margin-total))}}.card{display:flex;flex-direction:column;gap:1rem;margin:var(--card-margin);overflow:hidden;padding:2rem;.card-content-wrapper{display:flex;flex-direction:column;gap:1rem}.card-header img{display:unset}.card-body{display:flex;flex-direction:column;:last-child{margin-bottom:0}}.card-footer:has(.btn-card){column-gap:1rem;display:flex;flex-wrap:wrap;margin-top:auto;row-gap:.5rem;.btn-card{align-items:center;display:flex;gap:.75rem;text-decoration:none;white-space:nowrap;svg{height:1.25rem}}@media (min-width:1350px){&:has(.btn-card:nth-child(2)){margin-left:auto}}}&:has(.link-card){h3:has(+a){margin-bottom:0}&:hover{cursor:pointer}}&.layout-1{background:var(--white);box-shadow:0 6px 6px 0 rgba(0,32,91,.13);.card-footer{.btn-card{color:var(--accent1);font-size:1.125rem}}}&.layout-2{--header-size:80px;background:var(--grey-light);border-radius:.375rem;overflow:visible;padding:0 2rem 2rem;.card-header{align-items:center;background:var(--white);border:1px solid var(--grey-light);border-radius:.375rem;display:flex;height:var(--header-size);justify-content:center;margin-top:calc(var(--header-size)/-2);margin-inline:auto;width:var(--header-size);img{max-height:75%;max-width:75%}}h3{text-align:center}}&.layout-3{flex-direction:column;gap:2rem;padding:.5rem 1rem;.card-content-wrapper{align-items:center;display:flex;flex-direction:row;gap:0;height:100%;.card-header{margin-right:1rem;padding-bottom:0}}&:has(.link-card):hover{h3{color:var(--accent3)}}}}}