.heart {
    height: 1.5rem; 
}

.progress-bar-wrapper {
    background-color: var(--bg-5); 
    height: 60px; 
    border-radius: 50px;
    width: 100%;
    padding: 4px;
    overflow: hidden;

    .progress-bar {
        height: 100%;
        background-color: #13e080;
        border-radius: 25px;
    }
}

@media(min-width: 600px) {
    .heart {
        height: 2.5rem;
    }
}

@media(min-width: 992px) {
    .heart {
        height: 3.5rem; 
    }
}