@charset "utf-8";
/* Buttons! */

.image-button{
	position: relative;
	display: inline-block;
	align-self: center;
	width: 400px;
	aspect-ratio: 782 / 209;

	overflow: hidden;
	text-decoration: none;
	
	transition: transform 0.1s ease, filter 0.1s ease;
}

.image-button img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.button-text{
	position: absolute;
	inset: 0;
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	font-size: 2.5rem;
	
	transition: transform 0.2s ease;
}

/* Hover */
.image-button:hover {
	transform: translateY(-4px);
}

/* Press */
.image-button:active{
	transform: translate(-1px) scale(0.98);
}