/* _content/Bonogames.WebsiteMd/Pages/Index.razor.rz.scp.css */
.gradient-font[b-cxg364n4q3]{
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text!important;
    background: linear-gradient(-60deg,#7345ff 0,#29bede 100%);
    letter-spacing: -1px!important;
}

.large-font[b-cxg364n4q3] {
    color: white;
    letter-spacing: -1px!important;
    margin-left: -9px;
}

a[button][b-cxg364n4q3],button[b-cxg364n4q3] {
    height: auto!important;
    border: none!important;
    cursor: pointer!important;
    font-weight: 600!important;
    padding: 10px 20px!important;
    align-items: center!important;
    border-radius: 50px!important;
    display: inline-flex!important;
    justify-content: center!important;
    letter-spacing: .005em!important;
    color: var(--text-color)!important;
    -webkit-tap-highlight-color: transparent!important;
    transform: scale(var(--generate-button-scale,1)) translateZ(0)!important;
    transition: transform .3s,background-color .3s,box-shadow .3s,color .3s!important;
    background: linear-gradient(-60deg,#7345ff,#29bede)!important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.3)!important;
}


a[button]:hover[b-cxg364n4q3],button:hover[b-cxg364n4q3] {
    transform: scale(1.1)!important;
    color: var(--text-color)!important;
    --generate-button-shadow-inset: rgba(255,255,255,0.7)!important;
    background: linear-gradient(-60deg,#7345ff,#29bede)!important;
    box-shadow: 0 0 30px rgb(28, 126, 147),0 4px 12px rgba(0,0,0,.05),0 0 0 4px rgba(150,0,255,.3),inset 0 1px 1px var(--generate-button-shadow-inset,rgba(255,255,255,.04))!important;
}

a[button] i[b-cxg364n4q3],button i[b-cxg364n4q3] {
    color: transparent!important;
    transition: color .3s!important;
    background: linear-gradient(-60deg,#7345ff 0,#29bede 100%)!important;
    background-clip: text!important;
    -webkit-background-clip: text!important;
}

[fg-text][b-cxg364n4q3],a[button]:hover i[b-cxg364n4q3],button:hover i[b-cxg364n4q3] {
    color: var(--text-color)!important;
}

p>a[button][b-cxg364n4q3],p>button[b-cxg364n4q3] {
    margin: 0 30px 30px 0!important;
}


@media (max-width: 550px) {
    p>a[button][b-cxg364n4q3],p>button[b-cxg364n4q3] {
        margin:0 0 15px!important;
    }
}

a[button][bordered][thicker][b-cxg364n4q3],button[bordered][thicker][b-cxg364n4q3] {
    background: var(--boxes-color)!important;
    box-shadow: 0 0 120px var(--generate-button-shadow-wide,transparent),0 4px 12px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.1),inset 0 1px 1px var(--generate-button-shadow-inset,rgba(255,255,255,.1)),0 0 0 var(--generate-button-shadow-outline,0) rgba(109,68,244,.4)!important;
}

@media (max-width: 642px) {
    a[button][b-cxg364n4q3],a[button][bordered][thicker][b-cxg364n4q3],button[b-cxg364n4q3],button[bordered][thicker][b-cxg364n4q3] {
        width:100%!important;
    }
}

a[button][bordered][thicker] div[b-cxg364n4q3],button[bordered][thicker] div[b-cxg364n4q3] {
    width: 100%!important;
    height: 100%!important;
    display: flex!important;
    padding: 12px 20px!important;
    border-radius: 50px!important;
    align-items: center!important;
    justify-content: center!important;
}

a[button][bordered][thicker]:hover[b-cxg364n4q3],button[bordered][thicker]:hover[b-cxg364n4q3] {
    transform: scale(1.06)!important;
    color: var(--text-color)!important;
    --generate-button-shadow-inset: rgba(255,255,255,0.7)!important;
    background: linear-gradient(-60deg,#7345ff,#29bede)!important;
    box-shadow: 0 0 30px rgb(28, 126, 147),0 4px 12px rgba(0,0,0,.05),0 0 0 4px rgba(150,0,255,.3),inset 0 1px 1px var(--generate-button-shadow-inset,rgba(255,255,255,.1)),0 0 0 var(--generate-button-shadow-outline,0) rgba(109,68,244,.4)!important;
}

a i[b-cxg364n4q3],a[button] i[b-cxg364n4q3],button i[b-cxg364n4q3] {
    background: -moz-linear-gradient(-60deg,#7345ff 0,#29bede 100%)!important;
    background: -webkit-linear-gradient(-60deg,#7345ff 0,#29bede 100%)!important;
}