.icon-button{display:flex;align-items:center;justify-content:center;width:72px;height:52px;border-radius:8px;border:none;cursor:pointer}.icon-button__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.icon-button--light{color:#e8ff26;border:1px solid transparent;background:var(--custom-gradient-1)}.icon-button--light:hover{border:1px solid transparent;background:var(--custom-gradient-2)}.icon-button--light:active,.icon-button--light:focus-visible{border:1px solid #7b88ff;background:#1a31ff;outline:4px solid #e8ff26!important}.icon-button--light.active{border:1px solid transparent;background:var(--custom-gradient-2)}.icon-button--light:disabled{border:none;background:#000e8f!important;color:#a2b400!important;cursor:default}.icon-button--dark{color:#060f4b;border:1px solid transparent;background:var(--custom-gradient-4)}.icon-button--dark:hover{color:#a2b400;border:1px solid transparent;background:var(--custom-gradient-1)}.icon-button--dark:active,.icon-button--dark:focus-visible{color:#1a31ff;border:1px solid #7b88ff;background:#a2b400;outline:4px solid #1a31ff!important}.icon-button--dark.active{color:#a2b400;border:1px solid transparent;background:var(--custom-gradient-1)}.icon-button--dark:disabled{border:none;background:#a2b400!important;color:#060f4b!important;cursor:default}