.partner--custom-bg {
    background: linear-gradient(
        165deg,
        color-mix(in srgb, var(--brand) 30%, var(--color-surface-2)) 0%,
        var(--color-surface-2) 62%
    );
    border-color: color-mix(in srgb, var(--brand) 32%, transparent);
}

.partner--custom-bg .partner__stats {
    border-color: color-mix(in srgb, var(--brand) 18%, transparent);
}

.partner--custom-bg .partner__glow {
    opacity: 0.55;
    background: radial-gradient(
        120% 95% at 50% -15%,
        color-mix(in srgb, var(--brand) 55%, transparent),
        transparent 62%
    );
}

.partner--custom-bg .partner__bar > span {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--brand) 75%, #000),
        var(--brand)
    );
}

.partner--custom-bg .partner__rate-value {
    color: var(--brand);
    text-shadow: 0 0 16px color-mix(in srgb, var(--brand) 50%, transparent);
}

.partner--custom-bg .partner__rate-label {
    color: color-mix(in srgb, var(--brand) 55%, var(--color-text-subtle));
}

.partner--custom-bg:focus-visible {
    outline-color: var(--brand);
}

.partner--custom-bg:hover,
.partners-grid .partner--custom-bg:hover,
.rail .partner--custom-bg:hover {
    border-color: color-mix(in srgb, var(--brand) 58%, var(--color-border));
    box-shadow:
        0 2px 8px #0000001a,
        0 14px 32px color-mix(in srgb, var(--brand) 24%, transparent),
        0 0 0 1px color-mix(in srgb, var(--brand) 32%, var(--color-border));
}

.partner--custom-bg.partner--premium {
    border-color: color-mix(in srgb, var(--brand) 38%, transparent);
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--brand) 22%, transparent),
        0 8px 24px color-mix(in srgb, var(--brand) 12%, transparent);
}

.partner--custom-bg.partner--premium:hover,
.partners-grid .partner--custom-bg.partner--premium:hover {
    border-color: color-mix(in srgb, var(--brand) 78%, var(--color-border));
    box-shadow:
        0 2px 8px #0000001a,
        0 0 36px color-mix(in srgb, var(--brand) 28%, transparent),
        0 0 0 1px color-mix(in srgb, var(--brand) 40%, var(--color-border));
}

.partner--custom-bg.partner--premium .partner__bar > span {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--brand) 75%, #000),
        var(--brand)
    );
}

.partner--custom-bg.partner--premium .partner__aura {
    display: none;
}

.partner--custom-bg.partner--premium .partner__glow {
    background: radial-gradient(
        130% 110% at 50% -8%,
        color-mix(in srgb, var(--brand) 50%, transparent),
        transparent 68%
    );
}

.partner--custom-bg.partner--locked {
    border-color: color-mix(in srgb, var(--brand) 24%, transparent);
    box-shadow: none;
}