.mg-add-to-favorites,
.mg-remove-to-favorites {
    display: block;
    padding: 10px 20px;
    background: var(--secondary-background-color);
    color: var(--third-text-color);
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}   

.mg-add-to-favorites:hover,
.mg-remove-to-favorites:hover {
    background: var(--accent-color);
}