.blogarticles{
	.filters{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 24px;
		margin: 0 0 40px;

		@media (max-width: 1119px){
			gap: 8px;
		}

		@media (max-width: 767px){
			margin: 0;
			gap: 12px;
		}

		a{
			display: block;
			padding: 5px 24px;
			border: 1px solid var(--wp--preset--color--blau);
			border-radius: 999px;
			font-size: 20px;
			font-weight: 700;
			line-height: 1.4;
			color: var(--wp--preset--color--blau);
			text-decoration: none;
			transition: all .3s ease;
			transition-property: background-color, border-color, color;

			@media (max-width: 767px){
				padding: 4px 19px;
				font-size: 17px;
			}

			&:hover{
				@media (hover: hover){
					border-color: var(--wp--preset--color--orange);
					color: var(--wp--preset--color--orange);
				}
			}

			&.active{
				background-color: var(--wp--preset--color--rot);
				border-color: var(--wp--preset--color--rot);
				color: #fff;
			}
		}
	}
}