.fc_page_links {
display: flex;
align-items: center;
gap: var(--padding-m);
}
.fc_page_links.padding_full.left {
padding-right: 0;
padding-left: var(--padding-m);
}
.fc_page_links.padding_full.right {
padding-left: 0;
padding-right: var(--padding-m);
}
.fc_page_links.right {
flex-direction: row-reverse;
}
.fc_page_links > .the_links {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--gap-m);
text-align: center;
}
.fc_page_links > .the_links .the_link {
text-decoration: none;
position: relative;
}
.fc_page_links > .the_links .the_link .link_title {
position: absolute;
left: var(--gap-s);
bottom: var(--gap-s);
padding: 14px var(--gap-s);
background-color: var(--color-deep-gold);
--text: var(--color-navy-access);
font-weight: 600;
font-size: 14px;
letter-spacing: 0.7px;
}
.fc_page_links > .the_links .the_link:hover .link_title {
background-color: var(--color-white);
--text: var(--color-navy);
}
.fc_page_links > .the_links .the_link:hover .link_image {
filter: none;
}
.fc_page_links > .the_links .link_image {
display: flex;
background: center / cover no-repeat;
align-items: flex-end;
justify-content: flex-start;
aspect-ratio: 1 / 1;
width: clamp(280px, 165.217px + 19.928vw, 500px);
}
@media (max-width: 950px) {
.fc_page_links > .the_links {
grid-template-columns: auto;
grid-template-rows: repeat(2, 1fr);
}
}
@media (max-width:1400px) {
.fc_page_links {
flex-direction: column;
}
.fc_page_links.padding_full.left, .fc_page_links.padding_full.right {
padding-inline: var(--padding-m);
}
}