/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */
.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 1.71;
    flex-grow: 1;
}
.pagination p {
    margin: 0 1.5rem;
}
@media (max-width: 374px) {
    .pagination p {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin: 0 0 1rem;
        text-align: center;
    }
}
.pagination button.pagination__btn {
    background-color: white;
}
.pagination .pagination__btn {
    border: 0.1rem solid #727577;
    border-radius: 0.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333333;
    font-size: 1.4rem;
    line-height: 1.71;
    font-weight: 600;
    min-width: 3.6rem;
    min-height: 3.6rem;
    padding: 0.5rem 1.45rem;
    text-decoration: none;
    -webkit-transition: background 0.4s, border-color 0.4s, color 0.4s;
    transition: background 0.4s, border-color 0.4s, color 0.4s;
    position: relative;
}
.pagination .pagination__btn:after {
    content: "";
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    border: 0.1rem solid #006FB9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
    border-radius: 1rem;
}
.pagination .pagination__btn:focus-visible:after {
    opacity: 1;
    visibility: visible;
}
@media (hover: hover) and (pointer: fine) {
    .pagination .pagination__btn:hover {
        background: #fff;
        border-color: #006FB9;
        color: #006FB9;
    }
}
.pagination .pagination__btn svg + svg {
    margin-left: -0.4rem;
}
.pagination .pagination__btn span + svg {
    margin-left: 0.6rem;
}
.pagination .pagination__btn svg + span {
    margin-left: 0.6rem;
}
.pagination .pagination__btn--first {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.7rem;
}
.pagination .pagination__btn--last {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.7rem;
}

.pagination .pagination__btn.is-disabled {
    background-color: white;
    border: 0.1rem solid #D2D5D7 !important;
    color: #D2D5D7 !important;
    pointer-events: none;
}

.ajax-nhtsa-wrapper .section__pagination {
    margin-top: .6rem;
    margin-bottom: 3.1rem;
}
.ajax-nhtsa-wrapper .pagination {
    flex-grow: unset;
}
.ajax-nhtsa-wrapper .pagination .currentPage{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.pagination .pagination__btn + .pagination__btn {
    margin-left: 0.8rem;
}
@media (max-width: 385px) {
    .pagination .pagination__btn + .pagination__btn {
        margin-left: .4rem;
    }
    .ajax-nhtsa-wrapper .pagination .currentPage {
        margin-left: .7rem;
        margin-right: .7rem;
    }
}