.slide-button {
	text-wrap: nowrap;
	box-shadow: 0 3px 0 var(--siyah);
	border-radius: 15px;
	width: 250px;
	height: 50px;
	font-size: 25px;
	background-color: var(--mavi);
	color: var(--beyaz);
	cursor: pointer;
}

	.slide-button:active {
		box-shadow: none;
		transform: translateY(2px);
	}


@media (max-width: 425px) {

	.slide-button {
		border-radius: 15px;
		width: 150px;
		height: 25px;
		font-size: 15px;
	}

}

@media (min-width: 426px) and (max-width: 600px) {
	.slide-button {
		border-radius: 15px;
		width: 150px;
		height: 50px;
		font-size: 15px;
	}

}

@media (min-width: 601px) and (max-width: 767px) {
	.slide-button {
		border-radius: 15px;
		width: 200px;
		height: 50px;
		font-size: 17.5px;
	}

}

@media (min-width: 768px) and (max-width: 900px) {
	.slide-button {
		border-radius: 15px;
		width: 200px;
		height: 50px;
		font-size: 20px;
	}

}