.slugbuilder-container {

}

.slugbuilder-container .slugbuilder-preview {
    flex-wrap: wrap;
}

.slugbuilder-container .slugbuilder-preview > b {
    margin-right: 5px;
}


.slugbuilder-container .slugbuilder-preview .slugbuilder-base-domain,
.slugbuilder-container .slugbuilder-preview .slugbuilder-slug-preview {
    cursor: pointer;
}

.slugbuilder-container .slugbuilder-preview .slugbuilder-slug-preview {
    text-decoration: underline;
}

.slugbuilder-container .slugbuilder-preview .slugbuilder-connect {
    border-radius: var(--radius);
}

.slugbuilder-container .slugbuilder-preview .slugbuilder-connect i {
    color: var(--success);
}

.slugbuilder-container .slugbuilder-preview .slugbuilder-actions {
    margin: 0 10px;
    flex: 1;
}

.slugbuilder-container .slugbuilder-preview .slugbuilder-actions .btn {
    padding: 3px 10px;
    min-height: 23px;
}

.slugbuilder-container .slugbuilder-preview .slugbuilder-actions .btn[style*="inline"] {
    display: inline-flex !important;
}