@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.trending-all-btn[data-v-e62e461a]{padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);border-width:1px;border-color:color-mix(in srgb, var(--colors-white) 10%, transparent);border-radius:var(--radius-xl);background-color:color-mix(in srgb, var(--colors-white) 5%, transparent);transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}@supports (color:color-mix(in lab, red, red)){.trending-all-btn[data-v-e62e461a]{border-color:color-mix(in oklab, var(--colors-white) 10%, transparent);background-color:color-mix(in oklab, var(--colors-white) 5%, transparent)}}.trending-all-btn[data-v-e62e461a]:hover{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent)}@supports (color:color-mix(in lab, red, red)){.trending-all-btn[data-v-e62e461a]:hover{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent)}}.trending-all-btn:hover .trending-all-btn__text[data-v-e62e461a]{opacity:1}.trending-all-btn:hover .trending-all-btn__icon[data-v-e62e461a]{opacity:1;--un-translate-x:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y)}