@use '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-card';

.functionBadge {
  @include styles-tokens-card.composite-var(styles-tokens-card.$card-function-badge);

  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
}

.functionRow {
  position: relative;

  &::before {
    @include styles-tokens-card.composite-var(styles-tokens-card.$card-function-row-transparent-background);

    content: '';

    position: absolute;
    top:0;
    left:0;

    width: 100%;
    height: 100%;

    background-color: styles-tokens-card.$sys-neutral-background1-level;
    box-shadow: styles-tokens-card.$box-shadow-elevation-level2;
  }
}