diff --git a/css/components/_components.buttons.scss b/css/components/_components.buttons.scss index 77b4d2f..b02aeb0 100644 --- a/css/components/_components.buttons.scss +++ b/css/components/_components.buttons.scss @@ -73,10 +73,15 @@ } + +/** + * 1. Artificially increase specificity to combat leaky `.band--* a {}` rules. + */ + .c-btn--tertiary { background-color: $color-btn-tertiary-bg; - &#{&}, + &#{&}, /* [1] */ &:hover, &:active, &:focus { diff --git a/css/main.css b/css/main.css index 12a5a52..1767466 100644 --- a/css/main.css +++ b/css/main.css @@ -1371,6 +1371,9 @@ a:hover, a:focus { background-color: #1d2733; } +/** + * 1. Artificially increase specificity to combat leaky `.band--* a {}` rules. + */ .c-btn--tertiary { background-color: #fff; }