Redefining local CSS custom properties

redefining_local_props.scss

:host([pfe-priority="secondary"][pfe-color="base"]) {
 --pfe-cta--BackgroundColor: transparent;
 --pfe-cta--BorderColor: #{pfe-color(ui-base)};
 --pfe-cta--Color: #{pfe-color(ui-base)};
 
 --pfe-cta--BackgroundColor--hover: #{pfe-color(ui-base)};
 --pfe-cta--BorderColor--hover: #{pfe-color(ui-base)};
 --pfe-cta--Color--hover: #{pfe-color(ui-base--text)};
 
 --pfe-cta--BackgroundColor--focus: #{$pfe-cta--BackgroundColor--focus}; 
 --pfe-cta__inner--BorderColor--focus: #{pfe-color(ui-base)};
 --pfe-cta--BorderColor--focus: #{pfe-color(ui-base)};
 --pfe-cta--Color--focus: #{pfe-color(ui-base)};
}