[data-scope-path="articles/_bookmark_area"] .article-bookmark-button{display:block;border:1px solid #ee6354;background-color:#fff;color:#ee6354;font-size:1.3rem;box-shadow:0 1px 7px rgba(0,0,0,0.2);transition:color ease-out .1s, background-color ease-out .1s;height:36px}@media screen and (min-width: 769px){[data-scope-path="articles/_bookmark_area"] .article-bookmark-button{width:42px;height:42px;border-radius:21px}}@media screen and (max-width: 768px){[data-scope-path="articles/_bookmark_area"] .article-bookmark-button{width:100%;height:44px;border-radius:4px;padding:4px 26px}}[data-scope-path="articles/_bookmark_area"] .article-bookmark-button .bookmarked,[data-scope-path="articles/_bookmark_area"] .article-bookmark-button .unbookmarked{display:flex;align-items:center;justify-content:center;height:100%}[data-scope-path="articles/_bookmark_area"] .article-bookmark-button[data-bookmarked]{color:#fff;background-color:#ee6354;font-weight:bold;box-shadow:none}[data-scope-path="articles/_bookmark_area"] .article-bookmark-button[data-bookmarked] .unbookmarked{display:none}[data-scope-path="articles/_bookmark_area"] .article-bookmark-button:not([data-bookmarked]) .bookmarked{display:none}[data-scope-path="articles/_bookmark_area"] .article-bookmark-button:not([data-bookmarked]):hover{color:#fff;background-color:#ee6354}[data-scope-path="articles/_bookmark_area"] .bookmark-icon{position:relative;top:1px}@media screen and (min-width: 769px){[data-scope-path="articles/_bookmark_area"] .bookmark-icon{width:14px;height:18px}}@media screen and (max-width: 768px){[data-scope-path="articles/_bookmark_area"] .bookmark-icon{width:12px;height:12px;margin-right:5px}}@media screen and (min-width: 769px){[data-scope-path="articles/_bookmark_area"] .bookmark-text{display:none}}