.ghostkit-divider {
    --gkt-divider__padding-v: 0.75em;
    --gkt-divider__padding-h: 0;
    --gkt-divider__border-width: 1px;
    --gkt-divider__border-color: var(--gkt-color-dark-gray);
    --gkt-divider--icon__padding-v: 0;
    --gkt-divider--icon__padding-h: 1em;
    --gkt-divider--icon__font-size: 1em;
    --gkt-divider--icon__color: var(--gkt-color-dark-gray);
    --gkt-divider__transition-duration: var(--gkt-transition-duration);
    --gkt-divider__transition-easing: var(--gkt-transition-easing);
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: var(--gkt-divider__padding-v) var(--gkt-divider__padding-h)
}

.ghostkit-divider:after,
.ghostkit-divider:before {
    border-bottom: var(--gkt-divider__border-width) solid var(--gkt-divider__border-color);
    content: "";
    display: block;
    flex: 1;
    max-width: 50%;
    transition: var(--gkt-divider__transition-duration) border-color var(--gkt-divider__transition-easing)
}

.ghostkit-divider:not(.ghostkit-divider-with-icon):before {
    max-width: 100%
}

.ghostkit-divider:not(.ghostkit-divider-with-icon):after {
    display: none
}

.ghostkit-divider-type-solid:after,
.ghostkit-divider-type-solid:before {
    border-bottom-style: solid
}

.ghostkit-divider-type-dashed:after,
.ghostkit-divider-type-dashed:before {
    border-bottom-style: dashed
}

.ghostkit-divider-type-dotted:after,
.ghostkit-divider-type-dotted:before {
    border-bottom-style: dotted
}

.ghostkit-divider-type-double:after,
.ghostkit-divider-type-double:before {
    border-bottom-style: double
}

.ghostkit-divider-icon {
    color: var(--gkt-divider--icon__color);
    display: flex;
    font-size: var(--gkt-divider--icon__font-size);
    padding: var(--gkt-divider--icon__padding-v) var(--gkt-divider--icon__padding-h);
    transition: var(--gkt-divider__transition-duration) color var(--gkt-divider__transition-easing)
}