/* === Custom Block Styling === */
.featuredPages{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin-top: var(--CB-margin-top);
    margin-bottom: var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
}

.featuredPages__linkWrapper{
    border: solid 1px var(--FC-tertiary-color);
    border-radius: 1.5rem;
    padding: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.featuredPages__linkWrapper::after{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    border-radius: 1.5rem;
    background-image: linear-gradient(119.62deg, #fff 56.36%, #f9fee9 104.71%);
    opacity: 1;
    transition: opacity 0.3s ease;
}
.featuredPages__pillTitle{
    font-size: var(--FC-font-size-22);
    margin-bottom: 0px;
}
.featuredPages__copyWrapper{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.featuredPages__button {
    position: relative;
    width: 48px;
    height: 48px;
    background-color: var(--FC-near-white);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: var(--FC-default-transition);
    overflow: hidden;
}
.featuredPages__button::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 100%;
    background-image: linear-gradient(90deg, rgb(178, 210, 53) 0px, rgb(17, 145, 124) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.featuredPages__button svg {
    position: relative;
    z-index: 1;
}
.featuredPages__featuredPillWrapper:hover .featuredPages__button::after {
    opacity: 1;
}
.featuredPages__featuredPillWrapper:hover .featuredPages__button svg path {
    fill: var(--FC-white);
}
.featuredPages__linkWrapper:hover .featuredPages__button{
    background: linear-gradient(90deg, #b2d235 0, #11917c 100%);
}
.featuredPages__linkWrapper:hover .featuredPages__button svg path{
    fill: var(--FC-white);
}