update tokens + desktop version

src/components/RewardsWrapper.vue

@@ -1,11 +1,11 @@
 <template>
 	<div class="rewards-wrapper">
-		<div class="rewards-headline">
+		<div class="rewards-headline low-mid-text">
 			{{ props.title }}
 		</div>
 		<div class="rewards-inner">
 			<div class="rewards-body">
-				<div class="rewards-coin">$BLOOD</div>
+				<div class="rewards-coin low-mid-text">$BLOOD</div>
 				<div class="rewards-amount">{{ props.amount }}</div>
 			</div>
 			<img class="bloodline-token" :src="props.image" alt="vampir" />
@@ -27,18 +27,12 @@ const props = defineProps({
     display: flex
     flex-direction: column
     gap: 8px
-    .rewards-headline
-        font-size: 16px
     .rewards-inner, .rewards-clan-wrapper
         display: flex
         padding: 0 8px 8px 8px
         border-bottom: 1px solid var(--grey, #858585)
         .rewards-body
             align-self: center
-            .rewards-coin
-                font-size: 16px
-                @media (min-width: 992px)
-                    font-size: 24px
             .rewards-amount
                 text-align: left
                 font-size: 24px