@@ -57,7 +57,7 @@ const BookmarkButtons: FC<Props> = (props: Props) => {
type="button"
id="bookmark-button"
onClick={handleClick}
- className={`shadow-none btn ${styles['btn-bookmark']} border-0
+ className={`shadow-none btn btn-bookmark ${styles['btn-bookmark']} border-0
${isBookmarked ? 'active' : ''} ${isGuestUser ? 'disabled' : ''}`}
>
<i className={`fa ${isBookmarked ? 'fa-bookmark' : 'fa-bookmark-o'}`}></i>
@@ -50,7 +50,7 @@ const LikeButtons: FC<LikeButtonsProps> = (props: LikeButtonsProps) => {
id="like-button"
onClick={onLikeClicked}
- className={`shadow-none btn ${styles['btn-like']} border-0
+ className={`shadow-none btn btn-like ${styles['btn-like']} border-0
${isLiked ? 'active' : ''} ${isGuestUser ? 'disabled' : ''}`}
<i className={`fa ${isLiked ? 'fa-heart' : 'fa-heart-o'}`}></i>
@@ -36,7 +36,7 @@ const SubscribeButton: FC<Props> = (props: Props) => {
id="subscribe-button"
onClick={props.onClick}
- className={`shadow-none btn ${styles['btn-subscribe']} border-0
+ className={`shadow-none btn btn-subscribe ${styles['btn-subscribe']} border-0
${isSubscribing ? 'active' : ''} ${isGuestUser ? 'disabled' : ''}`}
<i className={`fa ${isSubscribing ? 'fa-bell' : 'fa-bell-slash-o'}`}></i>