/* @group @variables */

[class*="a-budge-new"] {
--budge-new-width: 4.5rem;
--budge-new-heigh: 4.5rem;
--budge-new-transform-width: 6rem;
--budge-new-transform-height: 3rem;
--budge-font-size: .875rem;
--transform: rotate(-45deg) translateX(-1.125rem) translateY(-1.875rem);
}

[class*="a-associated-budge-new"] {
--budge-new-width: 3.375rem;
--budge-new-heigh: 3.375rem;
--budge-new-transform-width: 4.5rem;
--budge-new-transform-height: 2.25rem;
--budge-font-size: .75rem;
--transform: rotate(-45deg) translateX(-.875rem) translateY(-1.25rem);
}

/* @end @variables */

/* -------------------------------------------------------- */

/* @group @a-budge-new */

[class*="a-budge-new"] {
position: relative;
overflow: hidden;
display: block;
width: var(--budge-new-width);
height: var(--budge-new-height);
font-size: var(--budge-font-size);
text-transform: uppercase;
font-weight: 500;
font-variation-settings: "wght" 500;
}

[class*="a-budge-new"]>span {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: end;
width: var(--budge-new-transform-width);
height: var(--budge-new-transform-height);
padding-bottom: .1875rem;
background-color: hsla(337.3, 38.1%, 62%, .875);
color: var(--color-white);
transform: var(--transform);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
}

/* @end @a-budge-new */