fix: 💄 style

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "misskey",
-	"version": "12.118.1-calc.6.2",
+	"version": "12.118.1-calc.6.3",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",

packages/client/src/components/cw-button.vue

@@ -38,14 +38,17 @@ const toggle = () => {
 .nrvgflfu {
 	display: inline-block;
 	padding: 4px 8px;
-	font-size: 0.7em;
+	font-size: 0.8em;
 	color: var(--cwFg);
 	background: var(--cwBg);
-	border-radius: 2px;
+	padding: 6px 10px;
+	width: 90%;
+	border-radius: 10px;
+	margin-top: 10px;
 	transition: background-color 0.25s ease-in-out;
 
 	&:hover {
-		background: var(--cwHoverBg);
+		background: var(--X3);
 	}
 
 	> span {

packages/client/src/components/note.vue

@@ -326,11 +326,6 @@ function readPromo() {
 			border: solid 1px var(--focus);
 			border-radius: var(--radius);
 			box-sizing: border-box;
-			transition: background-color 0.25s ease-in-out;
-
-			&:hover {
-				background-color: var(--panelHighlight);
-			}
 		}
 	}
 
@@ -428,7 +423,6 @@ function readPromo() {
 	> .article {
 		display: flex;
 		padding: 28px 32px 18px;
-		pointer-events: all;
 
 		> .avatar {
 			flex-shrink: 0;
@@ -452,15 +446,6 @@ function readPromo() {
 					margin: 0;
 					padding: 0;
 					overflow-wrap: break-word;
-
-					> .button {
-						background: var(--X3);
-						padding: 6px 10px;
-						width: 90%;
-						border-radius: 10px;
-						margin-top: 10px;
-					}
-
 					> .text {
 						margin-right: 8px;
 					}

packages/client/src/components/notes.vue

@@ -51,6 +51,11 @@ defineExpose({
 			.qtqtichx {
 				background: var(--panel);
 				border-radius: var(--radius);
+				transition: background-color 0.25s ease-in-out;
+
+				&:hover {
+					background-color: var(--panelHighlight);
+				}
 			}
 		}
 	}