/* --------------------------------- */
html, body { background: #fff; font-size: 17px; color: #000; width: 100%; height: 100%; }
dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, input, textarea, select, button, a { margin: 0; padding: 0; outline: none; font-family: "IBM Plex Sans", sans-serif; }
img { border: 0; vertical-align: top; } a { color: #17C5FF; text-decoration: none; } a:hover { text-decoration: underline; } .reset { margin: 0; padding: 0; list-style: none; }

/* --------------------------------- */
.button { display: inline-block; cursor: pointer; border: none; transition: all .2s; border-radius: 12px; box-sizing: border-box; font-weight: 500; }
.button.buttonBlock { width: 100%; box-sizing: border-box; text-align: center; }
.button.buttonSmall { height: 32px; line-height: 32px; padding: 0 15px; }
.button.buttonMiddle { height: 40px; line-height: 40px; padding: 0 20px; }
.button.buttonLarge { height: 50px; line-height: 50px; font-size: 16px; padding: 0 30px; }
.button.buttonBlue { background: #1abff5; color: #fff; }
.button.buttonBlue:hover { text-decoration: none; background: #1cacdb; }