@use '../../scss/shape.scss';
:host {
--background: unset;
--background-hover: var(--background);
--border-radius: unset;
--opacity: unset;
--width-fit-content: false;
display: inline-flex;
}
// $width-fit-content: var(--width-fit-content);
//
// @function width-fit-content($fit: false) {
// @if $fit {
// @return "fit-content"
// }
//
// @return "initial"
// }
#md-shape {
position: relative;
z-index: 0;
border-radius: var(--border-radius);
background: var(--background);
opacity: var(--opacity);
// width: width-fit-content($width-fit-content);
&:hover {
background: var(--background-hover);
// opacity: var(--opacity);
}
}