update code box toggle button style

site/templates/code.html

@@ -6,6 +6,6 @@
   <div class="code-box-meta">
     <div class="code-box-title">{{ post.title }}</div>
     {{ post.meta.description }}
-    <span class="collapse iconfont-home icon-chevron"></span>
+    <span class="collapse anticon anticon-circle-right"></span>
   </div>
 </div>

static/style.css

@@ -1741,30 +1741,23 @@ footer ul li > a {
   right: 15px;
   top: 50%;
   cursor: pointer;
-  border: 1px solid #999;
+  width: 18px;
-  width: 20px;
+  height: 18px;
-  height: 20px;
+  font-size: 18px;
-  line-height: 20px;
+  line-height: 18px;
-  font-size: 14px;
-  border-radius: 100%;
   opacity: 0.5;
   margin-top: -10px;
   text-align: center;
+  transform: rotate(90deg);
+  transition: all 0.3s ease;
 }
 
-.code-box .collapse:hover {
+.code-box.expand .collapse {
-  opacity: 1;
+  transform: rotate(-90deg);
-}
-
-.code-box .collapse:before {
-  transform: rotate(90deg);
-  transform-origin: 50% 50%;
-  display: inline-block;
-  transition: transform 0.3s ease;
 }
 
-.code-box.expand .collapse:before {
+.code-box .collapse:hover {
-  transform: rotate(270deg);
+  opacity: 1;
 }
 
 .code-box .highlight {