@layer components{.knap-kaffe-fyld{z-index:0;pointer-events:none;background:var(--color-bean);transition:transform var(--duration-reveal) var(--ease-roast);position:absolute;inset:0;transform:translateY(calc(100% + .75rem))}.knap-kaffe-boelge{width:200%;height:.6rem;margin-bottom:-.0625rem;position:absolute;bottom:100%;left:0;overflow:visible}.knap-kaffe>span.relative{transition:color var(--duration-ui) var(--ease-roast)}@media (hover:hover){.knap-kaffe:hover .knap-kaffe-fyld{transform:translateY(0)}.knap-kaffe:hover>span.relative{color:var(--color-steam)}}.knap-kaffe:active .knap-kaffe-fyld{transition-duration:var(--duration-ui);transform:translateY(0)}.knap-kaffe:active>span.relative{color:var(--color-steam)}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.knap-kaffe:hover .knap-kaffe-boelge{animation:knap-boelge calc(var(--duration-reveal) * 2) var(--ease-roast) 1 both}}}@keyframes knap-boelge{to{transform:translate(-50%)}}}