.horizontal_select {
	display: flex;
	gap: 40px;
	overflow: auto;
	padding-bottom: 3px;

	&.sm {
		gap: 5px !important;

		> div {
			a {
				font-size: 14px !important;
				padding: 8px !important;
				border-radius: 8px !important;
				line-height: 100%;
			}
		}
	}

	&.tab {
		gap: 3px;

		> div {
			a {
				font-size: 16px;
				font-weight: 500;
				display: block;
				padding: 12px 16px;
				border-radius: 10px;

				&.selected {
					background-color: var(--tab-bg-color);
					color: #fff;

					&::after {
						display: none;
					}
				}
			}
		}
	}

	> div {
		position: relative;

		.profile__filters__notification {
			position: absolute;
			transform: translate(50%, -50%);
			top: -5px;
			right: -10px;
		}

		a {
			font-weight: 600;
			position: relative;
			white-space: nowrap;
			transition: none;

			&.selected {
				color: var(--font-main-color);
				cursor: auto;

				&::after {
					content: '';
					position: absolute;
					top: 100%;
					left: 0;
					width: 100%;
					height: 2px;
					background-color: var(--font-main-color);
				}
			}
		}
	}
}
