.kepforgato-container {
  width: 100%;
  max-width: 1920px;
  aspect-ratio: 3 / 2;
  perspective: 1200px;
  cursor: pointer;
}

.kepforgato-container .kepforgato-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.7s;
  transform-style: preserve-3d;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.kepforgato-container:hover .kepforgato-inner,
.kepforgato-container.flipped .kepforgato-inner {
  transform: rotateY(180deg);
}

.kepforgato-side-a,
.kepforgato-side-b {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  backface-visibility: hidden;
}

.kepforgato-side-a img  {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.kepforgato-side-b {
  justify-content: center;
  align-items: center;
  transform: rotateY(180deg);
  padding: 20px;
  text-align: center;
}

.kepforgato-side-b .kepforgato-content {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.kepforgato-button {
	background-color: #ad4256;
    background-image: none;
    color: white !important;
    border: 0px;
    padding: 9px 13px;
    border-radius: 5px;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
    margin-top: 24px;
    text-decoration: center;
    display: inline-block;
}

.kepforgato-button:hover {
	background-color: #6f2a37;
	color: white !important;
}