.pagination{margin-top: 65px;margin-left: -7px;overflow: hidden;float:right;}
.directory-pagination.pagination{margin-top: 35px}
.pagination ul li{margin-bottom: 0;margin-right: 10px;}
.pagination ul li *{display: block}
.pagination ul li.prev > span.icon, .pagination ul li.prev > a{position: relative;transform: rotate(180deg);font-size: 2.5rem;color: var(--black-color);text-decoration: none;}
.pagination ul li.next > span.icon, .pagination ul li.next > a{position: relative;font-size: 2.5rem;color: var(--black-color);text-decoration: none;}
.pagination .pagination-item > span, .pagination .pagination-item > a{font-size: 1.4rem; line-height: 2.3rem;font-weight:700; color:var(--dark-grey);display: flex;justify-content: center;align-items: center;text-decoration: none;transition: all 0.3s ease-in-out; position:relative;}
.pagination .pagination-item > span, .pagination .pagination-item > a:active{color:var(--bold-blue);}
.calender-pagination{padding-right: 60px;position: relative;}
.calender-pagination ul li.next{position: absolute;right: 0;top: 0;margin-right: 0;}
.calender-pagination ul .next a{ display: inline-block;content: "";background: url(/~/media/Images/M/Magnolia-Oil-Gas/icons/chevron-right-solid.svg) center center no-repeat;height: 25px;width: 14px;background-size: contain; color:var(--dark-blue;)}
.calender-pagination ul li.prev{position: absolute;right: 35px;top: 0px;}
.calender-pagination ul .prev a{ display: inline-block;content: "";background: url(/~/media/Images/M/Magnolia-Oil-Gas/icons/chevron-right-solid.svg) center center no-repeat;height: 25px;width: 14px;background-size: contain;color:var(--dark-blue;)}
@media all and (max-width: 767.98px){
	.pagination{margin-top: 60px;margin-left: 0;}
}
@media all and (max-width: 470.98px){
	.pagination .pagination-item > span, .pagination .pagination-item > a{width: 25px;height: 25px;}
}