:host([variant=featured]) a,:host([variant=featured]) button{position:relative;z-index:0}:host([variant=featured]) a:before,:host([variant=featured]) button:before{background:var(--color-light);border-radius:var(--button-featured-border-radius);content:"";display:block;height:calc(100% - 2px);position:absolute;width:calc(100% - 2px);z-index:-1}@media(hover:hover)and (pointer:fine){:host([variant=featured]) a:not(:disabled):not(.disabled):not(.selected):active:before,:host([variant=featured]) a:not(:disabled):not(.disabled):not(.selected):focus-visible:before,:host([variant=featured]) a:not(:disabled):not(.disabled):not(.selected):focus:before,:host([variant=featured]) a:not(:disabled):not(.disabled):not(.selected):hover:before,:host([variant=featured]) button:not(:disabled):not(.disabled):not(.selected):active:before,:host([variant=featured]) button:not(:disabled):not(.disabled):not(.selected):focus-visible:before,:host([variant=featured]) button:not(:disabled):not(.disabled):not(.selected):focus:before,:host([variant=featured]) button:not(:disabled):not(.disabled):not(.selected):hover:before{background:var(--color-primary-5)}}