diff --git a/assets/css/common/main.css b/assets/css/common/main.css
index 50022ac..231dd26 100644
--- a/assets/css/common/main.css
+++ b/assets/css/common/main.css
@@ -19,7 +19,7 @@
     font-size: 13px;
     line-height: 36px;
     background: var(--primary);
-    border-radius: calc(36px / 2);
+    border-radius: calc(20px / 2);
     padding: 0 16px;
 }
 
diff --git a/assets/css/common/post-single.css b/assets/css/common/post-single.css
index 0f569bf..11f5d0d 100644
--- a/assets/css/common/post-single.css
+++ b/assets/css/common/post-single.css
@@ -398,4 +398,12 @@ h1>a>svg {
 img.in-text {
     display: inline;
     margin: auto;
+}
+
+div.book {
+    display: inline-block;  
+    padding: 0 1rem; 
+    max-width:150px; 
+    min-height: 250px;
+    vertical-align: top;
 }
\ No newline at end of file
diff --git a/assets/css/core/theme-vars.css b/assets/css/core/theme-vars.css
index 8f25940..599f599 100644
--- a/assets/css/core/theme-vars.css
+++ b/assets/css/core/theme-vars.css
@@ -5,7 +5,7 @@
     --main-width: 720px;
     --header-height: 60px;
     --footer-height: 60px;
-    --radius: 16px;
+    --radius: 10px;
     --theme: rgb(255, 255, 255);
     --entry: rgb(255, 255, 255);
     --primary: rgb(30, 30, 30);
diff --git a/layouts/shortcodes/book.html b/layouts/shortcodes/book.html
new file mode 100644
index 0000000..caf0336
--- /dev/null
+++ b/layouts/shortcodes/book.html
@@ -0,0 +1,6 @@
+<div class="book">
+   <a href="{{ .Get "destUrl" }}" target="_blank">
+    <img loading="lazy" src="{{ .Get "imgUrl" }}"/>
+    <span>{{.Get "name"}} </span>
+</a>
+</div>