diff --git a/src/components/Author/AuthorCard.module.scss b/src/components/Author/AuthorCard.module.scss
index 8e4be847..7c735b7f 100644
--- a/src/components/Author/AuthorCard.module.scss
+++ b/src/components/Author/AuthorCard.module.scss
@@ -143,12 +143,27 @@
}
}
- button {
+ .button {
margin-right: 0.5em;
+ width: 9em;
&:last-child {
margin-right: 0;
}
+
+ &:hover {
+ .buttonUnfollowLabel {
+ display: block;
+ }
+
+ .buttonSubscribedLabel {
+ display: none;
+ }
+ }
+
+ .buttonUnfollowLabel {
+ display: none;
+ }
}
}
@@ -184,8 +199,6 @@
}
.buttonWrite {
- //@include font-size(1.5rem);
-
color: #000;
display: inline-flex;
transition: background-color 0.3s, color 0.3s;
diff --git a/src/components/Author/AuthorCard.tsx b/src/components/Author/AuthorCard.tsx
index ed4133fa..6db661a5 100644
--- a/src/components/Author/AuthorCard.tsx
+++ b/src/components/Author/AuthorCard.tsx
@@ -181,9 +181,24 @@ export const AuthorCard = (props: AuthorCardProps) => {
-
+
{t('Unfollow')}
+
+ {t('You are subscribed')}
+