.ckcf-welcome-panel {
    background-color: #fff;
    padding: 1em;
}

.ckcf-welcome-panel h2 {
    font-size: 2em;
    margin-bottom: 0.25rem;
}

.ckcf-welcome-panel p {
    margin: 0 0 0.75rem;
}

.ckcf-welcome-panel .widefat,
#ckcf_dashboard_widget .widefat {
    margin: 8px 0 12px;
}

.ckcf-welcome-panel .ckcf-action-links,
#ckcf_dashboard_widget .ckcf-action-links {
    margin: 0 0 0.75rem;
}

.ckcf-post-type-option {
    display: inline-block;
    margin-right: 12px;
}

.ckcf-settings-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.ckcf-settings-actions .button {
    margin: 0;
}

.ckcf-actions-separator {
    color: #6b7280;
    font-weight: 600;
    margin: 0 4px;
}

.ckcf-powered-by {
    margin-top: 14px;
    font-size: 12px;
    color: #6b7280;
}

.ckcf-powered-by a {
    color: #2271b1;
    text-decoration: none;
}

.ckcf-powered-by a:hover,
.ckcf-powered-by a:focus {
    text-decoration: underline;
}

.ckcf-save-button.button.button-primary {
    background: #49b7e1;
    border-color: #49b7e1;
}

.ckcf-save-button.button.button-primary:hover,
.ckcf-save-button.button.button-primary:focus {
    background: #3ea5cd;
    border-color: #3ea5cd;
}

.ckcf-save-button.button.button-primary:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(73, 183, 225, 0.5);
}

.ckcf-upgrade-button.button.button-primary {
    background: #f0ad4e;
    border-color: #f0ad4e;
}

.ckcf-upgrade-button.button.button-primary:hover,
.ckcf-upgrade-button.button.button-primary:focus {
    background: #de9b39;
    border-color: #de9b39;
}

.ckcf-upgrade-button.button.button-primary:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(240, 173, 78, 0.5);
}

.ckcf-upgrade-button.button.button-primary:active {
    background: #c9892f;
    border-color: #c9892f;
}

.ckcf-support-button.button {
    background: #61ce70;
    border-color: #61ce70;
    color: #fff;
}

.ckcf-support-button.button:hover,
.ckcf-support-button.button:focus {
    background: #52bc61;
    border-color: #52bc61;
    color: #fff;
}

.ckcf-support-button.button:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(97, 206, 112, 0.5);
}

.ckcf-support-button.button:active {
    background: #46a654;
    border-color: #46a654;
    color: #fff;
}

.ckcf-get-plus-link {
    font-weight: 700;
}