.flo-block-post-pagination {
	background-color: var(--pagination-background-color);
	margin-top: 50px;
	border-top: 1px solid var(--pagination-line-color);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.9375rem 0 0.9375rem 0;

	color: var(--pagination-elements-color);
	a {
		color: var(--pagination-elements-color);
	}

	&__arrows {
		flex: 1;
		font-family: var(--pagination-arrows-font-family);
		font-size: var(--pagination-arrows-font-size);
		line-height: var(--pagination-arrows-line-height);
		letter-spacing: var(--pagination-arrows-letter-spacing);
		font-style: var(--pagination-arrows-font-style);
		font-weight: var(--pagination-arrows-font-weight);

		i {
			font-size: 0.625rem;
			&::before {
				width: auto;
			}
		}

		&--prev {
			text-align: left;
			i {
				margin-right: 1.25em;
			}
		}
		&--next {
			text-align: right;
			i {
				margin-left: 1.25em;
			}
		}
	}
	&__numbers {
		font-family: var(--pagination-numbers-font-family);
		font-size: var(--pagination-numbers-font-size);
		line-height: var(--pagination-numbers-line-height);
		letter-spacing: var(--pagination-numbers-letter-spacing);
		font-style: var(--pagination-numbers-font-style);
		font-weight: var(--pagination-numbers-font-weight);

		a {
			text-decoration: none;
		}
		.page-numbers {
			padding: 0 0.9375em;
			display: inline-block;
			line-height: 2.54em;
			position: relative;

			&:after {
				content: ' ';
				background-color: var(--pagination-line-color);
				width: calc(100% - 1.875em);
				height: 1px;
				display: inline-block;
				position: absolute;
				bottom: 0;
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
				opacity: 0;
				-webkit-transition: opacity 0.5s;
				transition: opacity 0.5s;
				transition-timing-function: ease;
				-webkit-transition-timing-function: cubic-bezier(
					0.25,
					0.46,
					0.45,
					0.94
				);
				transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
			}

			&:hover,
			&.current {
				&:after {
					opacity: 1;
				}
			}
		}
		.current {
			//text-decoration: underline;
		}
	}
	@media (max-width: 767px) {
		border-bottom: 1px solid var(--pagination-line-color);
		&__arrows {
			width: 50%;
		}
		&__numbers {
			width: 100%;
		}
		&__arrows {
			flex: inherit;
			&--prev a,
			&--next a {
				display: flex;

				span {
					width: 50%;
				}

				i {
					font-size: 0.5rem;
				}
			}
		}
	}
}
