.archive-navigation {
	margin-bottom: 6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	.archive-navigation__link {
		text-decoration: none;
	}
	.archive-navigation__link--num {
		width: 32px;
		height: 32px;
		border: 1px solid #28333e;
		text-align: center;
		text-decoration: none;
		font-size: 16px;
		line-height: 32px;
		&:hover {
			background-color: #28333e;
			color: #fff;
		}
		&.archive-navigation__link--active{
			background-color: #000;
			color: #fff;
		}
	}
	.archive-navigation__icon{
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24px;
	}
}