.ghostkit-icon-box {
    --gkt-icon-box__padding-v: 1.5em;
    --gkt-icon-box__padding-h: 1.5em;
    --gkt-icon-box__border-width: 1px;
    --gkt-icon-box__border-color: var(--gkt-color-light-gray-darken);
    --gkt-icon-box__border-radius: var(--gkt-border-radius);
    --gkt-icon-box--icon__offset: 1.5em;
    --gkt-icon-box--icon__font-size: 1.5em;
    --gkt-icon-box--icon__color: var(--gkt-color-primary);
    --gkt-icon-box__transition-duration: var(--gkt-transition-duration);
    --gkt-icon-box__transition-easing: var(--gkt-transition-easing);
    border: var(--gkt-icon-box__border-width) solid var(--gkt-icon-box__border-color);
    border-radius: var(--gkt-icon-box__border-radius);
    display: flex;
    flex-wrap: wrap;
    padding: var(--gkt-icon-box__padding-v) var(--gkt-icon-box__padding-h)
}

.ghostkit-icon-box-with-link {
    position: relative
}

.ghostkit-icon-box-link span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ghostkit-icon-box-icon {
    color: var(--gkt-icon-box--icon__color);
    display: flex;
    font-size: var(--gkt-icon-box--icon__font-size);
    transition: var(--gkt-icon-box__transition-duration) color var(--gkt-icon-box__transition-easing)
}

.ghostkit-icon-box-icon~.ghostkit-icon-box-content {
    padding-left: var(--gkt-icon-box--icon__offset)
}

.ghostkit-icon-box-icon-align-right {
    order: 2;
    padding-right: 0
}

.ghostkit-icon-box-icon-align-right~.ghostkit-icon-box-content {
    padding-left: 0;
    padding-right: var(--gkt-icon-box--icon__offset)
}

.ghostkit-icon-box-icon-align-top {
    flex: 100%;
    justify-content: center;
    padding-right: 0
}

.ghostkit-icon-box-icon-top-align-left {
    justify-content: flex-start
}

.ghostkit-icon-box-icon-top-align-center {
    justify-content: center
}

.ghostkit-icon-box-icon-top-align-right {
    justify-content: flex-end
}

.ghostkit-icon-box-icon-align-top~.ghostkit-icon-box-content {
    flex: 100%;
    padding-left: 0;
    padding-top: var(--gkt-icon-box--icon__offset)
}

.ghostkit-icon-box-content {
    flex: 1
}