Default set

HTML

<button type="button">
     <span class="blind">뒤로가기</span>
     <i class="icon icon-reset-black"></i>
</button>

 

CSS

/* Default set */
html, body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, a, button, input, textarea, table, th, td, figure, hr, i, b {
  margin: 0;
  padding: 0;
  font-weight: 400;
  -webkit-text-size-adjust: none;
  --font-family: -apple-system,  BlinkMacSystemFont, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo",Roboto, "Noto Sans KR", sans-serif;
  font-family: "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo", "Roboto", "Noto Sans KR",  sans-serif;
  font-style: normal;
}
body {overflow-x: hidden;line-height: 1.4;letter-spacing: -0.03em;word-break: keep-all;height: 100%;}
html, body {width: 100%;}
html {height: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
button, a, input {margin:0;padding:0;border:0;background: transparent;line-height: 0;}
ul, ol, dl, li, dt, dd {list-style: none; margin: 0; padding: 0;}
a {text-decoration: none;color: #000;}
em {font-style: normal;}
input:focus {outline: none;}
input::placeholder,
input::-webkit-input-placeholder,
input:-ms-input-placeholder {
  color: #909090;
  opacity: 1;
  text-decoration: none;
}
img {max-width: 100%;vertical-align: middle;}

 

/* 비활성화 */

.disabled * {  pointer-events: none;  cursor: not-allowed;}

 

/* 숨김 */
.blind {position: absolute;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(0px 0px 99.9% 99.9%);overflow: hidden;box-sizing: border-box;height: 1px;width: 1px;padding: 0;border: 0;}

 

/* 아이콘 */

.icon {display: inline-block;padding: 0 4px;}
.icon-close::before {content: "";display: block;background-size: 100%;width: 20px;height: 20px;background-image: url(../images/icon/icn_.png);}