.filtro {
	display: flex;
	align-items: center;
	margin-top: 30px;

	&__title {
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 2px;
		color: #2f4f7e;
		text-transform: uppercase;
	}
	&__group {
		display: flex;
		align-items: center;
		padding: 0 15px;
	}
	&__description {
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 2px;
		color: #2f4f7e;
	}
	&__switch {
		width: 55px;
		height: 30px;
		border-radius: 15px;
		display: inline-block;
		border: 1px solid #dddddd;
		position: relative;
		margin-right: 10px;
		cursor: pointer;
		transition: 0.3s ease-in-out;
		&::after {
			content: '';
			width: 22px;
			height: 22px;
			border-radius: 50%;
			background: #ddd;
			position: absolute;
			top: 3px;
			right: 28px;
			transition: 0.3s ease-in-out;
		}
		&.--checked {
			border: 1px solid #2f4f7e;
			background-color: #2f4f7e;
			transition: 0.3s ease-in-out;
			&::after {
				background-color: #fff;
				right: 3px;
				transition: 0.3s ease-in-out;
			}
		}
	}

	@media screen and (max-width: 414px) {
		display: block;

		&__group {
			padding: 7px 15px 0 0;
			display: inline-flex;
		}

		&__description {
			font-size: 14px;
			font-weight: bold;
			letter-spacing: normal;
			text-transform: uppercase;
		}
	}
}
