.hectoria-elementor-widget-ws-card {
    height: 100%;
}

.ws-widget-card-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;

    &.orange-card .ws-widget-card {
        color: white;
        background-color: var(--orange);

        & + .ws-widget-card__shadow {
            background-color: var(--light-orange);
        }

        & .ws-widget-card__head-icon-wrapper {
            background-color: var(--light-transparent);
        }

        & .ws-widget-card__head-icon {
            color: white;
            fill: white;
        }
    }

    &.light-orange-card .ws-widget-card {
        background-color: var(--light-orange);

        & + .ws-widget-card__shadow {
            background-color: var(--orange);
        }

        & .ws-widget-card__head-icon-wrapper {
            background-color: var(--dark-transparent);
        }
    }

    &.blue-card .ws-widget-card {
        color: white;
        background-color: var(--blue);

        & + .ws-widget-card__shadow {
            background-color: var(--light-blue);
        }

        & .ws-widget-card__head-icon-wrapper {
            background-color: var(--light-transparent);
        }

        & .ws-widget-card__head-icon {
            color: white;
            fill: white;
        }
    }

    &.light-blue-card .ws-widget-card {
        background-color: var(--light-blue);

        & + .ws-widget-card__shadow {
            background-color: var(--blue);
        }

        & .ws-widget-card__head-icon-wrapper {
            background-color: var(--dark-transparent);
        }
    }

    &.black-card .ws-widget-card {
        color: white;
        background-color: var(--black);

        & + .ws-widget-card__shadow {
            background-color: var(--light-transparent);
        }

        & .ws-widget-card__head-icon-wrapper {
            background-color: var(--light-transparent);
        }

        & .ws-widget-card__head-icon {
            color: white;
            fill: white;
        }
    }

    &.white-card .ws-widget-card {
        background-color: white;

        & + .ws-widget-card__shadow {
            background-color: var(--light-orange);
        }

        & .ws-widget-card__head-icon-wrapper {
            background-color: var(--dark-transparent);
        }
    }

    &.gold-card .ws-widget-card {
        color: white;
        background-color: var(--gold);

        & + .ws-widget-card__shadow {
            background-color: var(--light-gold);
        }

        & .ws-widget-card__head-icon-wrapper {
            background-color: var(--light-transparent);
        }

        & .ws-widget-card__head-icon {
            color: white;
            fill: white;
        }
    }

    &.light-gold-card .ws-widget-card {
        background-color: var(--light-gold);

        & + .ws-widget-card__shadow {
            background-color: var(--gold);
        }

        & .ws-widget-card__head-icon-wrapper {
            background-color: var(--dark-transparent);
        }
    }
}

.ws-widget-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 32px 24px;
    border-radius: 8px;
}

.ws-widget-card__shadow {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: -1;
}

.ws-widget-card__head-icon-wrapper {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.ws-widget-card__head-icon {
    width: 14px;
    height: 14px;
    font-size: 14px;
}