/* =========================================================
   Mallris UI Components
   Favorite Button v1.0
   ========================================================= */

.mallris-favorite-btn{
    position:relative;
    display:inline-flex;
}

.mallris-favorite-btn .action.towishlist{
    width:44px;
    height:44px;
    border-radius:50%;
    background:#ffffff;
    border:1px solid #e5e7eb;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:all .25s ease;
    box-shadow:0 4px 12px rgba(0,0,0,.10);
}

.mallris-favorite-btn .action.towishlist:hover{
    transform:translateY(-2px) scale(1.08);
    border-color:#0A84FF;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.mallris-heart-icon::before{
    content:"♡";
    font-size:22px;
    color:#7b8794;
    transition:all .25s ease;
}

.mallris-favorite-btn:hover .mallris-heart-icon::before{
    content:"♥";
    color:#0A84FF;
}

.mallris-favorite-text{
    display:none;
}