.io-icon-button{background-color:unset;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;text-transform:uppercase}.io-icon-button-container{display:flex;justify-content:center;align-items:center;position:relative;flex-grow:1}.io-icon-button.io-full{width:100%}.io-icon-button-body{display:flex;align-items:center;flex:1}.io-icon-button--title{font-family:Exo2Medium;font-style:normal;font-weight:500}.io-icon-button_32{height:32px;width:32px;border-radius:2px;padding:2px}.io-icon-button_32 .io-icon-button-body{gap:4px}.io-icon-button_44{height:44px;width:44px;border-radius:8px;padding:10px 24px}.io-icon-button_44 .io-icon-button-body{gap:4px}.io-icon-button_52{height:52px;width:52px;border-radius:2px;padding:8px}.io-icon-button_52 .io-icon-button-body{gap:8px}.io-icon-button_72{height:72px;width:72px;border-radius:10px;padding:24px 40px}.io-icon-button_72 .io-icon-button-body{gap:8px}.io-icon-button_primary{text-align:center;background:#54b0bf;border:2px solid #54b0bf;color:#fff;overflow:hidden;position:relative;z-index:1;transition:all .3s}.io-icon-button_primary .io-icon-button-body{justify-content:center}.io-icon-button_primary:hover{color:#54b0bf}.io-icon-button_primary:before{right:-50px;border-right:50px solid transparent;border-top:52px solid #fff;-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0}.io-icon-button_primary:after,.io-icon-button_primary:before{content:"";position:absolute;top:0;bottom:0;transition:all .3s;z-index:-1}.io-icon-button_primary:after{left:-50px;border-left:50px solid transparent;border-bottom:52px solid #fff;-webkit-transform:translateX(100%);transform:translateX(100%);right:0}.io-icon-button_primary:hover:before{-webkit-transform:translateX(-49%);transform:translateX(-49%)}.io-icon-button_primary:hover:after{-webkit-transform:translateX(49%);transform:translateX(49%)}.io-icon-button_primary .io-icon-button--title{color:var(--constant_greyscale_0)}.io-icon-button_primary .fill{fill:var(--constant_greyscale_0)}.io-icon-button_alternative{background-color:var(--controls-secondary-active)}.io-icon-button_alternative .io-icon-button--title{color:var(--text-inverted)}.io-icon-button_alternative .fill{fill:var(--text-inverted)}.io-icon-button_alwaysWhite{background-color:#fff}.io-icon-button_alwaysWhite .io-icon-button--title{color:#a3a3a3}.io-icon-button_alwaysWhite .fill{fill:0}.io-icon-button_secondary{background-color:#f2f3f7}.io-icon-button--background-secondary.io-icon-button_secondary{background-color:var(--controls-alternative)}.io-icon-button_secondary .io-icon-button--title{color:var(--text-primary)}.io-icon-button_secondary .fill{fill:var(--icons-primary)}.io-icon-button_ghost{background-color:unset}.io-icon-button_ghost .io-icon-button--title{color:var(--text-headline)}.io-icon-button_ghost .fill{fill:var(--icons-primary)}.io-icon-button_negative{background-color:var(--controls-tertiary-active)}.io-icon-button--background-secondary.io-icon-button_negative{background-color:var(--controls-alternative)}.io-icon-button_negative .io-icon-button--title{color:var(--text-negative)}.io-icon-button_negative .fill{fill:var(--text-negative)}.io-icon-button:focus{outline:none}.io-icon-button:disabled{background-color:var(--controls-inactive);opacity:.6;cursor:no-drop;border:none}.io-icon-button:disabled .io-icon-button--title{color:var(--text-tertiary)}.io-icon-button:disabled .fill{fill:var(--icons-secondary)}.io-icon-button.io-loading{pointer-events:none}.io-icon-button.io-loading .io-icon-button-body{opacity:0}.io-icon-button--loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}