diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass
index 9b1259b636f35481a372ea6efd24f4700ea2c04e..e713bbe00f06351440f97a1b6187a53ad11dbe49 100644
--- a/assets/sass/_theme/_utils.sass
+++ b/assets/sass/_theme/_utils.sass
@@ -90,3 +90,10 @@
         z-index: $zindex-stretched-link
         content: ""
 
+@mixin button-reset
+    background: transparent
+    border: none
+    cursor: pointer
+    &:active, &:focus
+        box-shadow: 0 0 0 0.25rem rgba($main-color, 0.25)
+        outline: 0
\ No newline at end of file
diff --git a/assets/sass/_theme/design-system/a11y.sass b/assets/sass/_theme/design-system/a11y.sass
index 3f56ee2cfed1309e611a1598edcc7e4ccbc56ed0..18c692138523a974299e024ae43837e944066e1a 100644
--- a/assets/sass/_theme/design-system/a11y.sass
+++ b/assets/sass/_theme/design-system/a11y.sass
@@ -11,3 +11,11 @@
     &:focus-within
         position: relative
         transform: translateY(0)
+
+.transcription
+    button
+        @include icon("caret-bottom", after)
+        @include button-reset
+        &::after
+            font-size: px2rem(5)
+            line-height: px2rem(22)
\ No newline at end of file