@charset "utf-8";

.twv-container .twv-component-button { align-items: center; background-color: var(--Primary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; box-sizing: border-box; color: var(--ConstTextInverse); cursor: pointer; display: flex; font-family: "ProximaNova, PingFangSC, sans-serif"; font-size: 18px; font-weight: 600; justify-content: center; line-height: 25px; min-height: 48px; min-width: 168px; outline: none; padding: 6px 8px; position: relative; user-select: none; }

.twv-container .twv-component-button:hover { background: linear-gradient(0deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06)), rgb(254, 44, 85); }

.twv-container .twv-component-button:active { background: linear-gradient(0deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), rgb(254, 44, 85); }

.twv-container .twv-component-button:disabled { background-color: var(--BGInput2); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--TextQuaternary); pointer-events: none; }

.twv-container .twv-component-button:focus { outline: none; }

.twv-container .twv-component-button .icon-button-loading { position: absolute; top: 50%; transform: translateY(-50%); }