.btn-tarot-new {
    background: #cebd9b;
    border-radius: 999px;
    border: 2px solid #000;
    font-size: 25px;
    font-weight: 600;
    padding: 8px 35px;
    animation: pulse-animation 1.5s infinite;
}
@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px #cebd9b;
    }

    100% {
        box-shadow: 0 0 0 30px #cebd9b00;
    }
}
@keyframes pulse-animation-hover {
    0% {
        box-shadow: 0 0 0 0px #00000085;
    }

    100% {
        box-shadow: 0 0 0 30px #cebd9b00;
    }
}

.btn-tarot-new:hover {
    background: #000;
    color: #cebd9b;
    animation: pulse-animation-hover 1.5s infinite;
}
.tarot-main {
    height: 350px;
    margin-bottom: 48px;
}
.card-img {
    max-height: 250px;
    max-width: 100%;
    width: auto;

    /* position: absolute; */
}
.tarot-main-inner {
    /* max-width: fit-content; */
    /* display: flex; */
    margin: auto;
    position: relative;
    justify-content: center;
    height: 100%;
}
.card-img {
    position: absolute;
    height: 250px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
}
.card-img.card-div-1 {
    transform: translate(-50%, -50%) rotateZ(-30deg);
    /* transform: translate(-50%, -50%) rotateZ(-30deg); */
    /* margin-left: 50px; */
    /* margin-top: 70px;
    margin-right: -45px; */
    top: 65%;
    left: 35%;
    z-index: 5;
}
.card-img.card-div-2 {
    transform: translate(-50%, -50%) rotateZ(-15deg);
    /* margin-top: 18px;
    margin-right: -35px; */
    top: 55%;
    left: 42%;
    z-index: 6;
}
.card-img.card-div-3 {
    top: 50%;
    left: 50%;
    z-index: 7;
}
.card-img.card-div-4 {
    transform: translate(-50%, -50%) rotateZ(15deg);
    /* margin-top: 18px;
    margin-left: -35px; */
    top: 55%;
    left: 58%;
    z-index: 6;
}
.card-img.card-div-5 {
    transform: translate(-50%, -50%) rotateZ(30deg);
    /* margin-top: 70px;
    margin-left: -45px; */
    top: 65%;
    left: 65%;
    z-index: 5;
}