/*
 * Access to Finance — marketing / landing page components.
 * Loaded by resources/views/components/layouts/web/marketing.blade.php.
 *
 * Tokens:
 *   navy gradient .. #0a2d63 → #0a2150 → #0b183e (set via Tailwind on sections)
 *   lime accent .... #8cbd3f
 */

.a2f-rainbow {
    height: 6px;
    background: linear-gradient(
        to right,
        #e23b3b 0%,
        #f0913a 18%,
        #f4c842 36%,
        #8cbd3f 54%,
        #2bb673 70%,
        #1e9bd7 86%,
        #2e57a8 100%
    );
}

.btn-green {
    display: inline-block;
    border-radius: 9999px;
    background: linear-gradient(to bottom, #9fd03f, #74b02e);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transition: filter 0.15s ease;
}

.btn-green:hover {
    filter: brightness(1.06);
    color: #fff;
    text-decoration: none;
}

.btn-outline {
    display: inline-block;
    border-radius: 9999px;
    border: 1px solid rgba(255, 255, 255, 0.65);
    color: #fff;
    font-weight: 500;
    transition: background-color 0.15s ease;
}

.btn-outline:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    text-decoration: none;
}