/* Container */
    .cta-container {
    text-align: center;
    margin: 32px 0;
    }
    .cta-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 20px 0;
    }
    .cta-description {
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    }
    /* Large Base CTA */
    .meau-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 16px 32px;
    color: #ffffff;
    border: 2px solid;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    transition:
    background-color .25s ease,
    border-color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
    box-sizing: border-box;
    white-space: normal;
    }
    /* Small Base CTA */
    .meau-cta-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 10px 12px;
    color: #ffffff;
    border: 2px solid;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    transition:
    background-color .25s ease,
    border-color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
    box-sizing: border-box;
    white-space: normal;
    }
    /* BLUE BUTTON */
    .meau-cta-blue {
    background: #004878;
    border-color: #004878;
    color: #ffffff;
    }
    .meau-cta-blue:hover,
    .meau-cta-blue:focus-visible {
    background: #005b90;
    border-color: #005b90;
    color: #ffffff;
    }
    /* RED BUTTON */
    .meau-cta-red {
    background: #8a1d46;
    border-color: #8a1d46;
    color: #ffffff;
    }
    .meau-cta-red:hover,
    .meau-cta-red:focus-visible {
    background: #9f395b;
    border-color: #9f395b;
    color: #ffffff;
    }
    /* GREEN BUTTON */
    .meau-cta-green {
    background: #729330;
    border-color: #729330;
    color: #ffffff;
    }
    .meau-cta-green:hover,
    .meau-cta-green:focus-visible {
    background: #85a03c;
    border-color: #85a03c;
    color: #ffffff;
    }
    /* GRAY BUTTON */
    .meau-cta-gray {
    background: #f2f2f2;
    border-color: #bfbfbf;
    color: #4d4d4d;
    }
    .meau-cta-gray:hover,
    .meau-cta-gray:focus-visible {
    background: #d9d9d9;
    border-color: #a6a6a6;
    color: #333333;
    }
    .meau-cta-gray .cta-arrow {
    background: rgba(0,0,0,.08);
    color: #4d4d4d;
    }
    .meau-cta-gray:hover .cta-arrow {
    background: rgba(0,0,0,.15);
    }
    /* Hover Effect */
    .meau-cta:hover {
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,.20);
    }
    /* Focus */
    .meau-cta:focus {
    outline: none;
    }
    .meau-cta:focus-visible {
    outline: 3px solid #FFD100;
    outline-offset: 3px;
    }
    /* Arrow */
    .cta-arrow {
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:50%;
    background:rgba(255,255,255,.20);
    font-size:20px;
    font-weight:700;
    flex-shrink:0;
    transition:all .25s ease;
    }
    .meau-cta:hover .cta-arrow {
    background:rgba(255,255,255,.35);
    transform:translateX(5px);
    }
    /* Active */
    .meau-cta:active {
    transform:translateY(0);
    }
    /* Mobile */
    @media (max-width:767px) {
    .meau-cta {
    width:100%;
    max-width:100%;
    min-width:0;
    padding:16px 20px;
    font-size:16px;
    }
    .cta-container {
    margin:24px 0;
    }
    }
    /* Reduced Motion */
    @media (prefers-reduced-motion: reduce) {
    .meau-cta {
    transition:none;
    }
    .meau-cta:hover {
    transform:none;
    }
    }