/* Best Practice: Wrap your CSS in a container class to avoid "leaking" styles and breaking your blog's layout */
.my-first-demo-container {
    background: var(--theme);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 2rem;
    text-align: center;
    margin: 2rem 0;
}

.my-first-demo-container button {
    background: #3b82f6;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s;
}

.my-first-demo-container button:hover {
    background: #2563eb;
}