@mixin starspins-variables() {
    $primary-font-family: helvetica, sans-serif !global;
    $secondary-font-family: helvetica, sans-serif !global;
    $body-font-family: $primary-font-family, $fallback-font-family !global;
    $primary-color:  #ffd859 !global;
    $primary-color-dark:  #ffd859 !global;
    $light-color: #630 !global;
    $body-font-color: white !global;
}


@mixin starspins-overrides() {
    .btn.btn-primary {
        font-size: $html-font-size * 1.2;
        font-family: $secondary-font-family;
        background: linear-gradient(to bottom, #ffd859, #ffbf43);
        border-radius: 5px;
        box-shadow: 0px 0px 0px black, 0 0 100px rgba(0, 255, 255, 0.7), 0 0px 5px darkblue;
        text-transform: capitalize;
        color: $light-color;
        margin: $unit-2;
        min-width: $control-width-xs;
        min-height: $control-size;
        height: $unit-12;
        border: none;
    } 
    .overlay {
        .terms-section-content {
            a {
                color: #FFF;
                text-decoration: underline;
            }
        }
    }   
}