#headCart {
    position:relative;
}


.askfrienditem {
    position: absolute;
    left: 9px;
    top: 35px;
    cursor:pointer;
}

.askfrienditem svg {
    fill:var(--primary)
}

.askfriendcart svg {
    fill:#FFF
}

.btn-outline-secondary svg {
    fill: var(--secondary)
}

.btn-outline-secondary:hover svg,
.btn-outline-secondary svg:hover {
    fill: #FFF
}

.askfriendcart {
    float: right;
    position: absolute;
    top: -5px;
    right: 14px;
}   

#swal2-content ul {
    display: table;
    clear: both;
    width: 100%;
    text-align: center;
    vertical-align: top;
    padding: 0;
}

#swal2-content ul li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 10px;
}

#swal2-content ul li img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 45px;
    margin: 0 auto;
    margin-bottom: 10px;
}

#headCart.mobile .askfriendcart {
    float: right;
    position: relative;
}