2 files changed, 28 insertions, 1 deletions
diff --git a/public/css/modules/index.css b/public/css/modules/index.css
index 0a778e1..8766ef5 100644
--- a/public/css/modules/index.css
+++ b/public/css/modules/index.css
@@ -1,2 +1,3 @@
 @import './btn.css';
-@import './link.css';
-\ No newline at end of file
+@import './link.css';
+@import './news-index.css';
+\ No newline at end of file
diff --git a/public/css/modules/news-index.css b/public/css/modules/news-index.css
new file mode 100644
index 0000000..721d106
--- /dev/null
+++ b/public/css/modules/news-index.css
@@ -0,0 +1,26 @@
+.news-index {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-block-lg);
+}
+
+.news-index__item {
+  display: block;
+  transition: background 100ms;
+  padding-block: var(--spacing-block-md);
+  padding-inline: var(--spacing-inline-sm);
+  margin-block: var(--spacing-block-sm);
+}
+
+.news-index__item:hover {
+  background: var(--background-highlight-color);
+  transition-duration: 300ms;
+}
+
+.news-index__item :first-child {
+  margin-block-start: 0;
+}
+
+.news-index__item :last-child {
+  margin-block-end: 0;
+}
+\ No newline at end of file