/* === Custom Block Styling === */
.renderTerms{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin: var(--CB-margin-top) 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;
}


.renderTerms__termWrapper{
    min-height: 200px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
}
.renderTerms__termWrapper::after {
    content: '';
    background-image: linear-gradient(to left, var(--FC-secondary-color) 0%, transparent 100%);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.renderTerms__imageWrapper{
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: var(--FC-default-transition);
}
.renderTerms__termCopyWrapper{
    width: fit-content;
    margin-left: auto;
    margin-right: 32px;
    z-index: 11;
}
.renderTerms__termName{
    color: var(--FC-white);
    text-transform: uppercase;
}
.renderTerms__button{
    color: var(--FC-white);
    text-transform: uppercase;
    width: fit-content;
}
.renderTerms__button::after{
    content: '';
    background-color: var(--FC-white);
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.renderTerms__termWrapper:hover .renderTerms__imageWrapper{
    scale: 1.05;
}