/* ==========================================
   THE DYNASTY - GLOBAL WISHLIST BUTTON
========================================== */

.wishlist-btn{
    position: absolute;
    top: 12px;
    right: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: auto;
    height: auto;
    padding: 0;

    border: none;
    outline: none;
    background: transparent !important;
    border-radius: 0;
    box-shadow: none;

    cursor: pointer;
    z-index: 20;

    transition: transform .25s ease;
}

/* Heart Icon */
.wishlist-btn i{
    font-size: 22px;
    color: #9b9b9b;
    transition: color .25s ease, transform .25s ease;
    line-height: 1;
}

/* Hover */
.wishlist-btn:hover{
    transform: scale(1.12);
}

/* Default */
.wishlist-btn:not(.active) i{
    color: #9b9b9b;
}

/* Active */
.wishlist-btn.active{
    background: transparent !important;
}

.wishlist-btn.active i{
    color: #832422;
}

/* Prevent background on hover/focus */
.wishlist-btn:hover,
.wishlist-btn:focus,
.wishlist-btn:active{
    background: transparent !important;
    outline: none;
    box-shadow: none;
}

/* ==========================
   MOBILE
========================== */

@media (max-width:768px){

    .wishlist-btn{
        top: 8px;
        right: 8px;
    }

    .wishlist-btn i{
        font-size: 20px;
    }

}