@media not all and (min-width: 1024px) {
  .card-link:nth-child(even) {
    transform: translateY(0) !important;
  }

  .card-content:hover {
    transform: translateX(0) translateY(0) !important;
    }
}

.card-content {
  transform: translateX(0) translateY(0);
  transition: transform 0.4s ease-out;
}

.card-content:hover {
  transform: translateX(10px) translateY(-10px);
}


.card-link:nth-child(even) {
  transform: translateY(100px);
}

.custom-btn-1 {
    display: block;
    font-family: "Margarine";
    font-size: 18px;
    padding: 16px 32px;  
    border-radius: 360px;
    border: solid 2px #122424;
    color: #122424;
    text-align: center;
    width: fit-content;
    transition: all 0.3s ease-out;
}

.custom-btn-1 {
    background: #fff;
}
.custom-btn-1:hover {
    background: #122424;
    color: #fff;
}