.visibilty-hidden {
    visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    transition: all 1.25s ease 0s;
}

.img-wrapper a:focus-within + .favorites {
    z-index: 1 !important;
}

.img-wrapper:focus-within .favorites {
    z-index: 1 !important;
}
a:focus, .btn:focus, li:focus, img:focus, div[role='button']:focus, button:focus, input[type=checkbox]:focus + label {
    /* outline: 2px solid red !important; */
    /* outline-offset: -2px !important; */
}

.heart-icon input[type="checkbox"] + button.hearticon {
    background: transparent;
    border: none;
    padding: 0;
    width: 0;
    height: 0;
    white-space:nowrap;
    /**visibility:hidden;**/
   
}
    .heart-icon input[type="checkbox"] + button.hearticon::before, button.hearticon::before {
        content: ' ';
        background-image: url('https://cdn.ospefloorsurfaces.com/images/miscellaneous/heart-white.svg');
        width: 45px;
        height: 45px;
        display: block;
        background-repeat: no-repeat;
        visibility: visible;
    }
.heart-icon input[type="checkbox"]:checked + button.hearticon::before {
    font-weight: 600;
    background-image: url('https://cdn.ospefloorsurfaces.com/images/miscellaneous/heart-primary.svg');
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    visibility: visible;
}