/*
@media only screen and (max-width: 768px) {
	.button_0 {
		pointer-events: none;
	}
	
	.button_1 {
		pointer-events: none;
	}
	
	.button_2 {
		pointer-events: none;
	}
	
	.button_3 {
		pointer-events: none;
	}
	
	.button_4 {
		pointer-events: none;
	}
}


@media only screen and (min-width: 768px) {
	.button_0 {
		pointer-events: none;
	}
	
	.button_1 {
		pointer-events: none;
	}
	
	.button_2 {
		pointer-events: none;
	}
	
	.button_3 {
		pointer-events: none;
	}
	
	.button_4 {
		pointer-events: none;
	}
}


@media only screen and (min-width: 1024px) {
	.button_0 {
		pointer-events: none;
	}
	
	.button_1 {
		pointer-events: none;
	}
	
	.button_2 {
		pointer-events: none;
	}
	
	.button_3 {
		pointer-events: none;
	}
	
	.button_4 {
		pointer-events: none;
	}
}


@media only screen and (min-width: 1250px) {
	.button_0 {
		pointer-events: auto;
	}
	
	.button_1 {
		pointer-events: auto;
	}
	
	.button_2 {
		pointer-events: auto;
	}
	
	.button_3 {
		pointer-events: auto;
	}
	
	.button_4 {
		pointer-events: auto;
	}
}


@media only screen and (min-width: 1400px) {
	.button_0 {
		pointer-events: auto;
	}
	
	.button_1 {
		pointer-events: auto;
	}
	
	.button_2 {
		pointer-events: auto;
	}
	
	.button_3 {
		pointer-events: auto;
	}
	
	.button_4 {
		pointer-events: auto;
	}
}

*/

.button_0 {
	transition: all 0.25s ease-in-out;
	color: red;
	border: 5px solid red;
}

.button_0:hover {
	color: blue;
	border: 5px solid blue;
}


.button_1 {
	transition: all 0.25s ease-in-out;
	color: blue;
	border: 5px solid blue;
}

.button_1:hover {
	color: red;
	border: 5px solid red;
}


.button_2 {
	transition: all 0.25s ease-in-out;
	color: red;
	border: 5px solid red;
}

.button_2:hover {
	color: blue;
	border: 5px solid blue;
}


.button_3 {
	transition: all 0.25s ease-in-out;
	color: yellow;
	border: 5px solid yellow;
}

.button_3:hover {
	color: green;
	border: 5px solid green;
}


.button_4 {
	transition: all 0.25s ease-in-out;
	color: green;
	border: 5px solid green;
}

.button_4:hover {
	color: yellow;
	border: 5px solid yellow;
}