.section-rating__showmore {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 2px solid #eee;
    border-radius: 56px;
    padding: 16px 20px;
    background-color: var(--tekst---belyy);
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 1.22222;
    color: var(--tekst-zagolovok);
    transition: background-color var(--t3eio), color var(--t3eio), border-color var(--t3eio);
    -webkit-transition: background-color var(--t3eio), color var(--t3eio), border-color var(--t3eio);
    -moz-transition: background-color var(--t3eio), color var(--t3eio), border-color var(--t3eio);
    -ms-transition: background-color var(--t3eio), color var(--t3eio), border-color var(--t3eio);
    -o-transition: background-color var(--t3eio), color var(--t3eio), border-color var(--t3eio);
    opacity: 0;
    pointer-events: none;
}

.section-rating__showmore span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #353C45;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: rgba(53, 60, 69, 0.5);
    transition: color .3s ease-in-out;
}

.section-rating__showmore:hover {
    color: var(--tekst---belyy);
    border-color: var(--primary-blue-10);
    background-color: var(--primary-blue-10);
}

.section-rating__showmore:hover span {
    color: #ffffff;
}

.section-rating__showmore.footerButton--show {
    pointer-events: all;
    margin-top: 0;
    animation: section-rating-showmore-animate .3s ease-in-out forwards;
}

@keyframes section-rating-showmore-animate {
    from {
        opacity: 0;
        margin-top: 0;
    }
    to {
        opacity: 1;
        margin-top: 20px;
    }
}