.btn {
    display: inline-block;
    padding: 12px 22px;
    border-radius: var(--radius);
    text-decoration: none;
    background: var(--color-primary);
    color: var(--color-white);
    border: 1px solid transparent;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.btn:hover {
    transform: translateY(-1px);
    opacity: 0.95;
}

.btn-primary {
    background: var(--color-secondary);
}

.card {
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--color-white);
}

.card-content {
    padding: 24px;
}

.card-image {
    width: 100%;
    height: auto;
    display: block;
}

.divider {
    border: 0;
    border-top: 1px solid var(--color-border);
    margin: 32px 0;
}

.widget-form {
    display: grid;
    gap: 14px;
}

.widget-form label {
    display: grid;
    gap: 6px;
}

.widget-form input,
.widget-form textarea {
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid var(--color-border);
}

.widget-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.widget-menu a {
    color: var(--color-text);
    text-decoration: none;
}