:root{--desktop-scale: calc(100vw / 1920);--mobile-scale: calc(100vw / 480);--scale: var(--desktop-scale)}.button-outline{display:inline-flex;height:calc(48 * var(--scale));padding:calc(10 * var(--scale)) calc(8 * var(--scale)) calc(10 * var(--scale)) calc(32 * var(--scale));justify-content:center;align-items:center;gap:calc(10 * var(--scale));border-radius:calc(24 * var(--scale));border:1px solid;background:transparent;cursor:pointer;transition:all .3s ease;font-family:HarmonyOS Sans SC,sans-serif;font-size:calc(16 * var(--scale));font-weight:400;line-height:calc(28 * var(--scale))}.button-outline:hover:not(.disabled){opacity:.8;transform:translateY(-1px)}.button-outline:active:not(.disabled){transform:translateY(0)}.button-outline.disabled{opacity:.5;cursor:not-allowed}.button-text{white-space:nowrap}.arrow-circle{width:calc(34 * var(--scale));height:calc(34 * var(--scale));display:flex;align-items:center;border-radius:50%;justify-content:center;flex-shrink:0;overflow:hidden}.arrow-icon{width:calc(20 * var(--scale));height:calc(20 * var(--scale))}@media (max-width: 768px){:root{--scale: var(--mobile-scale)}}