@st-namespace 'SectionNotificationButton-st-css';
:vars {
  FontSize: 14px;

  TextButtonColor: #000000;

  BasicButtonTextColor: #FFFFFF;
  BasicButtonBackgroundColor: #000000;
  BasicButtonBorderColor: #000000;

  SecondaryButtonTextColor: #000000;
  SecondaryButtonBorderColor: #000000;
}

.root {
  -st-states: type(enum(default, text)), wired;
}

.button {
  -st-states: priority(enum(primary, basic, basicSecondary));
}

.root .button {
  font-size: value(FontSize);
}

.root:type(default):not(:wired) .button:priority(basic) {
  color: value(BasicButtonTextColor);
  background-color: value(BasicButtonBackgroundColor);
  border-color: value(BasicButtonBorderColor);
}

.root:type(default):not(:wired) .button:priority(basicSecondary) {
  color: value(SecondaryButtonTextColor);
  border-color: value(SecondaryButtonBorderColor);
}

.root:type(text):not(:wired) .button:priority(primary) {
  color: value(TextButtonColor);
}


/* st-namespace-reference="../../../../../src/components/SectionNotification/Button/SectionNotificationButton.st.css" */