.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;

    &:hover {
        background: rgba(224, 224, 224, 0.5);
    }

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

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