added generic css and arrow-hover for detail news

assets/scss/libs/main.scss

@@ -2,7 +2,7 @@
  * Source code of the Ubuntu-it website
  * Copyright (C) 2018 Pietro Albini <pietroalbini@ubuntu.com>
  * Copyright (C) 2021 Alessandro Viprati <vipri.alessandro@gmail.com>
- * Copyright (C) 2023 shadMod
+ * Copyright (C) 2023 shadMod <m.allegro@shadmod.it>
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as published
@@ -250,18 +250,49 @@ ul.item-list li {
       }
     }
 }
-.my-25 {
-    margin: 0 25px;
+
+.btn-news {
+    color: white;
+    background: grey;
+    padding: 10px 30px;
+    border-radius: 10px;
+}
+
+.underline-10 {
+    text-underline-offset: 10px !important
+}
+
+@media all and (max-width: 40rem) {
+    .underline-10 {
+        text-underline-offset: 4px !important
+    }
+}
+
+.shadow-square {
+    box-shadow: 0 .2em .2em rgba(100,100,100,0.1);
 }
-.mt-25 {
-    margin-top: 25px;
+
+.arrow-hover {
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  transition: all 0.5s;
 }
-.me-25 {
-    margin-right: 25px;
+
+.arrow-hover:after {
+  content: '»';
+  position: absolute;
+  opacity: 0;
+  right: -20px;
+  transition: 0.5s;
 }
-.mb-25 {
-    margin-bottom: 25px;
+
+.arrow-hover:hover{
+  padding-right: 24px;
+  padding-left: 8px;
 }
-.ms-25 {
-    margin-left: 25px;
+
+.arrow-hover:hover:after {
+  opacity: 1;
+  right: 5px;
 }