/* Menu by name */

.menu-by-name-wrapper {
	ul {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0;

		li {
			margin-right: 5px;
			margin-bottom: 5px;

			a {
				@include round(17px);

				padding: 10px 16px;
				display: inline-block;
				font-size: 13px;
				font-weight: 600;
				background: $grayBackground4;
				line-height: 1;
				text-decoration: none;
				transition: all 0.3s ease-out;
				color: $mainTextColor;

				&:hover {
					background: $headlinesColor2;
					color: $headlinesColor3;
				}
			}
		}
	}
}