/*!
 * Copyright (c) 2026 AbuEin Technologies — Salaheddin AbuEin <salaheddin@abuein.dev>
 * https://abuein.dev/
 * SPDX-License-Identifier: MIT
 */

@layer components {

    /* ===== CTA Section ===== */
    .cta-section {
        background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
    }

    .cta-container {
        text-align: center;
        padding: var(--spacing-2xl) 0;
    }

    .cta-container h2 {
        font-family: var(--font-display);
        font-size: clamp(1.75rem, 3vw, 2.5rem);
        font-weight: 700;
        color: #0a0a0a;
        margin-bottom: var(--spacing-md);
    }

    .cta-container p {
        font-size: var(--text-lg);
        color: rgba(0, 0, 0, 0.7);
        max-width: 600px;
        margin: 0 auto var(--spacing-xl);
    }

    .cta-actions {
        display: flex;
        justify-content: center;
        gap: var(--spacing-md);
        flex-wrap: wrap;
    }

    .cta-actions .btn-primary {
        background-color: #0a0a0a;
        color: #ffffff;
    }

    .cta-actions .btn-primary:hover {
        background-color: #171717;
    }

    .cta-actions .btn-outline {
        border-color: rgba(0, 0, 0, 0.3);
        color: #0a0a0a;
    }

    .cta-actions .btn-outline:hover {
        background-color: rgba(0, 0, 0, 0.1);
        border-color: rgba(0, 0, 0, 0.5);
    }

}