.wcu-section {
    --wcu-icon-size: 64px;
    --wcu-icon-color: var(--golden);
}

.wcu-section .fancy-box.style2 .icon.icon--svg {
    flex: 0 0 var(--wcu-icon-size);
    width: var(--wcu-icon-size);
    height: var(--wcu-icon-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wcu-section .wcu-svg-icon {
    width: 100%;
    height: 100%;
    display: block;
    background-color: var(--wcu-icon-color);
    -webkit-mask: var(--wcu-icon-mask) center / contain no-repeat;
    mask: var(--wcu-icon-mask) center / contain no-repeat;
    transition: background-color 220ms ease, transform 220ms ease;
}

.wcu-section .fancy-box.style2:hover .wcu-svg-icon {
    transform: translateY(-2px);
}

@media (max-width: 991px) {
    .wcu-section {
        --wcu-icon-size: 56px;
    }
}