I have a card

I am writing code in angular

The card has to deactivated sometimes

At that time a class ngClass $=$ "deactivate$-$card" would be applied.

In that class opacity would be set to $0\mathrm{.}4$

That card has a lot of text$/$buttons

All buttons $/$ text would be deactivated

But one button activate would be there

It should look active $($opcaity $1)$

How to achieve that

Problem i am facing is that opacity property is inherited from parent card div

$($background color of parent card is white$)$