/* Start:/local/templates/by-the-way/components/bitrix/system.pagenavigation/modern.v2/style.css?17252716131253*/
.modern-page-navigation {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
}

.modern-page-previous {
    box-shadow: 0px 4px 12px 0px rgba(150, 18, 12, 0.2);
    border-radius: 16px;
    display: flex;
    width: 50px;
    height: 50px;
    padding: 0 !important;
}

.modern-page-next {
    box-shadow: 0px 4px 12px 0px rgba(150, 18, 12, 0.2);
    border-radius: 16px;
    display: flex;
    width: 50px;
    height: 50px;
    padding: 0 !important;
}

.bx-pagination a {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    color: rgba(88, 88, 88, 1);
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
}

.bx-pagination .modern-page-current {
    color: rgba(219, 80, 80, 1);
    padding-left: 15px;
    padding-right: 15px;
}

.bx-pagination .show-more {
    padding: 8px 24px 8px 24px;
    gap: 8px;
    border-radius: 16px;
    opacity: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(88, 88, 88, 1);
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    cursor: pointer;

    &:hover {
        background: #fff;
    }
}
/* End */
/* /local/templates/by-the-way/components/bitrix/system.pagenavigation/modern.v2/style.css?17252716131253 */