.fc_block_links .links_container {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.fc_block_links .links_container.col_2 > a {
width: 50%;
}
.fc_block_links .links_container.col_3 > a {
width: 33.333%;
}
.fc_block_links .links_container.col_4 > a {
width: 25%;
}
.fc_block_links .links_container.no_gap {
gap: 0;
} .fc_block_links .links_container.gap {
gap: var(--gap-m);
}
.fc_block_links .links_container.col_2.gap > a {
width: calc(50% - calc(var(--gap-m) * 1) / 2);
}
.fc_block_links .links_container.col_3.gap > a {
width: calc(33.333% - calc(var(--gap-m) * 2) / 3);
}
.fc_block_links .links_container.col_4.gap > a {
width: calc(25% - calc(var(--gap-m) * 3) / 4);
}
.fc_block_links .links_container .block_link {
text-decoration: none;
background: #fff;
}
.fc_block_links .links_container .block_link p {
color: var(--text);
}
.fc_block_links .links_container .block_link:hover {
background-color: var(--color-navy);
color: var(--color-white);
}
.fc_block_links .links_container .block_link:hover p {
color: var(--color-white);
}
.fc_block_links .links_container .block_link .image-switch {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 2 / 1;
}
.fc_block_links .links_container .block_link .content {
padding: var(--gap-s);
}
@media (max-width: 1024px) {
.fc_block_links .links_container.col_3 > a, .fc_block_links .links_container.col_4 > a {
width: 50%;
}
}
@media (max-width: 640px) {
.fc_block_links .links_container.col_2 > a, .fc_block_links .links_container.col_2.gap > a, .fc_block_links .links_container.col_3 > a, .fc_block_links .links_container.col_3.gap > a, .fc_block_links .links_container.col_4 > a, .fc_block_links .links_container.col_4.gap > a {
width: 100%;
}
}