fix: make attachement removal button static & more visible #1067 (#1286)

Co-authored-by: patak <matias.capeletto@gmail.com>

components/publish/PublishAttachment.vue

@@ -30,9 +30,8 @@ const toggleApply = () => {
       <div
         v-if="removable"
         :aria-label="$t('attachment.remove_label')"
-        hover:bg="gray/40" transition-100 p-1 rounded-5 cursor-pointer
-        :class="[isHydrated && isSmallScreen ? '' : 'op-0 group-hover:op-100hover:']"
-        mix-blend-difference
+        class="bg-black/75 hover:bg-red/75"
+        text-white px2 py2 rounded-full cursor-pointer
         @click="$emit('remove')"
       >
         <div i-ri:close-line text-3 :class="[isHydrated && isSmallScreen ? 'text-6' : 'text-3']" />