.load-more-main {
    text-align: -webkit-center;
}

.load-more-btn, .load-more-bar {
    width: 180px;
    height: 42px;
    z-index: 1;
    border: none;
    text-align: left;
}

.load-more-btn {
    transition: 0.4s ease-out;
    cursor: pointer;
}

    .load-more-btn.disabled {
        cursor: not-allowed;
        background: #f9f9f9;
    }

        .load-more-btn.disabled:hover {
            cursor: not-allowed;
            background: #f9f9f9;
        }

.bg__color--light_gray .load-more-btn.disabled {
    cursor: not-allowed;
    background: #e3e3e3;
}

    .bg__color--light_gray .load-more-btn.disabled:hover {
        cursor: not-allowed;
        background: #e3e3e3;
    }

.load-more-btn:hover {
    background-color: #cde8f5;
}

.load-more-btn:focus:not(:focus-visible) {
    outline: none;
}

.load-more-text {
    position: absolute;
    height: 42px;
    width: 180px;
    padding-top: 8px;
    text-align: center;
}