fix papers and buttons

assets/sass/_theme/design-system/button.sass

@@ -37,13 +37,13 @@
     @include meta
     @include button-reset
     align-items: center
+    color: var(--color-text)
     cursor: pointer
     display: flex
     padding: 0
-    &:first-child
-        margin-bottom: $spacing-2
+    text-decoration: none
     &::before 
-        background-color: white
+        background-color: var(--color-background)
         border: 1px solid var(--color-border)
         margin-right: $spacing-2
         padding: $spacing-1
@@ -56,13 +56,7 @@
             background-color: var(--color-text)
             border-color: transparent
             color: var(--color-background)
-    text-decoration: none
-
-button.squared-button
-    @include icon-block(eye, before)
 
-a.squared-button
-    @include icon-block(download, before)
 
 // TODO: check usage in journal
 .link-btn

assets/sass/_theme/sections/papers.sass

 .paper
     display: flex
     gap: var(--grid-gutter)
+    flex-direction: column
     a
         transition: color 0.3s ease
         @extend %underline-on-hover
-    > div:first-of-type
-        width: columns(7)
     .paper-actions
-        width: columns(5)
         display: flex
         align-items: start
-        gap: var(--grid-gutter)
-        button[data-open-modal]
-            width: columns(2)
-        figure
-            width: columns(3)
+        gap: $spacing-1
         @include media-breakpoint-down(desktop)
             flex-wrap: wrap
             justify-content: space-between
-            margin-top: $spacing-3
+            margin-top: $spacing-2
     h3
         a:hover
             color: var(--color-accent)
@@ -34,6 +28,16 @@
             text-transform: none
         span
             text-transform: uppercase
+    @include media-breakpoint-up(md)
+        flex-direction: row
+        > div:first-of-type
+            width: columns(7)
+        .paper-actions
+            width: columns(5)
+            button[data-open-modal]
+                width: columns(2)
+            figure
+                width: columns(3)
 
 .top + .papers
     margin-top: $spacing-3
@@ -149,6 +153,13 @@
                             padding-left: 0
                             padding-right: offset(4)
 
+// Actions
+.paper-actions
+    button.squared-button
+        @include icon-block(eye, before)
+    a.squared-button
+        @include icon-block(download, before)
+
 .citations
     &:not(:first-child)
         margin-top: $spacing-5