@layer payload-default{.view-live-btn,.view-live-btn-group{display:inline-flex;gap:calc(var(--base)*.4);align-items:center}.view-live-btn{background:none;border:1px solid;border-color:var(--theme-elevation-100);border-radius:var(--style-radius-s);line-height:var(--btn-line-height);font-size:var(--base-body-size);padding:calc(var(--base)*.2) calc(var(--base)*.4);cursor:pointer;transition-property:border,color,background,width;transition-duration:.1s;transition-timing-function:cubic-bezier(0,.2,.2,1);height:calc(var(--base)*1.6);position:relative;justify-content:center;text-decoration:none}.view-live-btn .label{display:none;opacity:0;width:0}.view-live-btn .icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.view-live-btn .icon .stroke{transition-property:stroke;transition-duration:.1s;transition-timing-function:cubic-bezier(0,.2,.2,1)}.view-live-btn:hover{border-color:var(--theme-elevation-300);background-color:var(--theme-elevation-100);width:max-content}.view-live-btn:hover .label{white-space:nowrap;opacity:1;transition-delay:0s;transition-duration:.1s;transition-timing-function:cubic-bezier(0,.2,.2,1);display:block;width:auto}.view-live-btn:hover .icon{position:relative;top:50%;left:0;transform:translateY(-50%)}}