check.css improvement

css/check.css

@@ -1,9 +1,13 @@
 @charset "UTF-8";
 
 i.icon.check {
+	--width: 3em;
+	--height: 1.5em;
+	--up: 10px;
+	--down: 6px;
 	position: relative;
-	width: 22px;
-	height: 22px;
+	width: var(--width);
+	height: var(--height);
 	box-sizing: border-box;
 	display: block;
 	border-radius: 100px;
@@ -12,10 +16,10 @@ i.icon.check {
 	&::after {
 		position: absolute;
 		content: "";
-		top: -1px;
-		left: 3px;
-		width: 6px;
-		height: 10px;
+		top: -0.3em;
+		left: 0.4em;
+		width: var(--down);
+		height: var(--up);
 		box-sizing: border-box;
 		display: block;
 		border-width: 0 2px 2px 0;