body {
        /* Dot Effect */
        --dot-bg: rgb(12, 18, 12);
        --dot-color: rgba(46,152,51,1);
        --dot-size: 1px;
        --dot-space: 22px;
        background:
            linear-gradient(
                    90deg,
                    var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),
                    transparent 20%
                )
                center / var(--dot-space) var(--dot-space),
            linear-gradient(
                    var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),
                    transparent 20%
                )
                center / var(--dot-space) var(--dot-space),
            var(--dot-color);
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
}

.cta {
    border-radius: 20px;
    padding: 16px;
    color: white;
    text-align: center;
    font-size: 1.5rem;
    /* Dot Effect */
    --dot-bg: black;
    --dot-color: white;
    --dot-size: 1px;
    --dot-space: 22px;
    background: var(--primary-bg);
}

a, a:visited { 
color: white;
text-decoration: none;
}
.cta a {
    color: white;
    text-decoration: none;
}

@media only screen and (max-width: 600px)  {
    .cta {
        font-size: 0.85rem;
    }
}