.dfc-flipcard {
    width: 100%;
    height: 300px;
    perspective: 1000px;
}
.dfc-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 1.5s;
    transform-style: preserve-3d;
}
.dfc-flipcard:hover .dfc-inner {
    transform: rotateY(180deg);
}
.dfc-btn:hover ~ .dfc-inner {
    transform: none !important;
}
.dfc-front, .dfc-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
}
.dfc-front {
    background-size: cover;
    background-position: center;
    color: white;
}
.dfc-front-overlay {
    background: rgba(0,0,0,0.5);
    padding: 20px;
}
.dfc-back {
    transform: rotateY(180deg);
}
.dfc-btn {
    margin-top: 10px;
    padding: 8px 16px;
    text-decoration: none;
    display: inline-block;
}
/* Flip Card Link Button Styles */
.dfc-multilinks {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dfc-multilinks a {
  display: inline-block;
  background: #fff;
  color: red;
  font-weight: bold;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 5px;
  margin: 3px 0;
  transition: background 0.3s ease;
}

.dfc-multilinks a:hover {
  background: #f0f0f0;
}