.add-to-favorite-button {
    position: relative;
    display: flex;
    padding: 0.625rem;
    border-radius: var(--border-radius);
    background: transparent;
    transition: 0.2s ease-in-out background;
}

.add-to-favorite-button:hover {
    background: rgba(224, 224, 224, 0.5);
}

.add-to-favorite-button::before {
    content: '';
    background: url('/assets/svg/favorite.svg') no-repeat center / contain;
    width: 1.5rem;
    height: 1.5rem;
}

.add-to-favorite-button:is(.favorite-btn--saved)::before {
    background: url('/assets/svg/favorite-dark.svg') no-repeat center / contain;
}