.component-card{width:100%;height:100%;padding:16px;cursor:pointer;overflow:hidden;max-width:100%;border-radius:8px;background-color:#fff;border:1px solid #e0e0e0;transition:border-color .2s ease}
.component-card:hover{border-color:#707070}
.component-card:hover .card-arrow{background-color:#f6d1d8}
.component-card:focus .card-arrow{outline:0;box-shadow:0 0 4px 2px rgba(140,47,63,0.45)}
.component-card:active .card-arrow{background-color:#f6d1d8;transform:scale(0.97);box-shadow:0 0 4px 2px rgba(140,47,63,0.45)}
.component-card .card-link{display:flex;align-items:center;justify-content:space-between;height:100%}
@media(min-width:1024px){.component-card .card-link{flex-direction:column;align-items:flex-start}
}
.component-card .card-link .wrapper{width:100%;display:flex;flex-direction:column}
.component-card .card-link .wrapper .card-title{padding:0;margin:0}
.component-card .card-arrow{display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;border-radius:50%}
@media(min-width:1024px){.component-card .card-arrow{align-self:flex-end}
}
.component-card .card-arrow .icon-arrow-right{display:flex;font-size:20px;color:#851a2e;width:100%;height:100%;align-items:center;justify-content:center}
@media(min-width:1024px){.component-card.partials-card-image{border-radius:0 0 8px 8px;border-radius:8px}
.component-card.partials-card-image .card-media{padding:16px}
}
@media(min-width:1024px){.oneColumn .component-card{max-width:none;min-height:auto !important}
.oneColumn .component-card .card-media{padding:0}
.oneColumn .component-card .card-link{flex-direction:row}
.oneColumn .component-card.partials-card-image{border-radius:8px}
}
@media(min-width:1024px){.twoColumn .component-card{max-width:100%}
}
.component-card.partials-card-link .card-link{gap:0;justify-content:space-between}
@media(min-width:1024px){.component-card.partials-card-link .card-link{gap:35px}
}
@media(min-width:1024px){.oneColumn .component-card.partials-card-link .card-link{gap:0;align-items:flex-start}
.oneColumn .component-card.partials-card-link .card-link .wrapper{display:flex;flex-direction:column;width:100%}
.oneColumn .component-card.partials-card-link .card-link .card-arrow{align-self:flex-start;margin-top:0}
}