#footer .seo-rating {
    margin-top: 14px;
}

#footer .seo-rating-stars {
    display: flex;
    gap: 4px;
}

#footer .seo-rating-stars button {
    position: relative;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #f7c948;
    cursor: pointer;
}

#footer .seo-rating-stars button:disabled {
    cursor: default;
}

#footer .seo-rating-stars button::before {
    content: "\2605";
    display: block;
    font-size: 22px;
    line-height: 1;
    opacity: .35;
}

#footer .seo-rating-stars button::after {
    content: "\2605";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: var(--star-fill, 0%);
    overflow: hidden;
    font-size: 22px;
    line-height: 1;
    color: #f7c948;
}

#footer .seo-rating p {
    margin-top: 8px;
    color: var(--text);
}

#footer .seo-rating .seo-rating-message {
    min-height: 20px;
    margin-top: 6px;
    opacity: 0;
    transform: translateY(-2px);
    transition: opacity .2s ease, transform .2s ease;
}

#footer .seo-rating .seo-rating-message.is-visible {
    opacity: 1;
    transform: translateY(0);
}

#footer .seo-rating .seo-rating-message.is-success {
    color: var(--main-primary);
}

#footer .seo-rating .seo-rating-message.is-error {
    color: #dc3545;
}