/* Shared presentation; existing wrappers continue to position each list action. */
button.loadMoreButton,
a.loadMoreButton,
#profilPanel .panelReadAllActions button.loadMoreButton {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.4rem;
    box-sizing:border-box;
    width:fit-content;
    max-width:100%;
    min-height:44px;
    padding:.5rem 1rem;
    border:1px solid var(--text-red);
    border-radius:5rem;
    outline:2px solid transparent;
    outline-offset:2px;
    background:var(--text-red);
    color:#fff;
    font-family:inherit;
    font-size:10pt;
    font-weight:500;
    line-height:1.4;
    text-align:center;
    text-decoration:none;
    box-shadow:none;
    cursor:pointer;
    transition:background-color .2s, color .2s, outline-color .2s;
}
button.loadMoreButton > .material-icons,
a.loadMoreButton > .material-icons {
    flex-shrink:0;
    font-size:24px;
    line-height:1;
    color:inherit;
}
.loadMoreButton [data-load-more-label]{min-width:0;overflow-wrap:anywhere;}
button.loadMoreButton:is(:hover,:focus),
a.loadMoreButton:is(:hover,:focus),
#profilPanel .panelReadAllActions button.loadMoreButton:is(:hover,:focus) {
    background:var(--bg);
    color:var(--text-red);
    border-color:var(--text-red);
    outline:2px solid var(--text-red);
    outline-offset:2px;
    text-decoration:none;
}
button.loadMoreButton:disabled,
a.loadMoreButton[aria-disabled="true"],
.is-loading .loadMoreButton {
    opacity:.6;
    cursor:wait;
    pointer-events:none;
}
.loadMoreButton[hidden]{display:none!important;}
@media(min-width:1024px){
    .loadMoreButton.leaderboard-endpoint-trigger{display:none;}
}