.mx-ero-follow-wrap { display: inline-block; }
.mx-ero-follow-button { display: inline-flex; align-items: center; gap: .45em; padding: .65em 1em; border: 1px solid #7d2547; border-radius: 999px; background: #fff; color: #6e1d3e; font: inherit; font-weight: 600; cursor: pointer; transition: background-color .15s ease, color .15s ease; }
.mx-ero-follow-button::before { content: '☆'; font-size: 1.25em; }
.mx-ero-follow-button--series::before { content: '▱'; }
.mx-ero-follow-button:hover, .mx-ero-follow-button:focus-visible { background: #f9e9ef; outline: 2px solid #7d2547; outline-offset: 2px; }
.mx-ero-follow-button.is-following { background: #7d2547; color: #fff; }
.mx-ero-follow-button.is-following::before { content: '★'; }
.mx-ero-follow-button--series.is-following::before { content: '✓'; }
.mx-ero-follow-button:disabled { cursor: wait; opacity: .65; }
.mx-ero-follow-login, .mx-ero-follow-test { font-size: .9em; }
.mx-ero-follow-test { margin: .75rem 0 0; padding: .65rem .8rem; border-left: 3px solid #2271b1; background: #f0f6fc; color: #135e96; }
.mx-ero-follow-list li { margin: .5em 0; }
.mx-ero-follow-post-buttons { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #d7c7ce; }
.mx-ero-follow-post-buttons .mx-ero-follow-test--group { flex-basis: 100%; }
.mx-ero-follow-empty { margin: .5rem 0 1rem; color: #646970; }
.mx-ero-follow-table { width: 100%; border-collapse: collapse; margin: 1rem 0 2rem; }
.mx-ero-follow-table th, .mx-ero-follow-table td { padding: .75rem; border-bottom: 1px solid #d7c7ce; text-align: left; }
.mx-ero-follow-table th:last-child, .mx-ero-follow-table td:last-child { width: 1%; white-space: nowrap; }
.mx-ero-follow-introduction { margin: 0 0 1.5rem; padding: 1rem 1.25rem; border-left: 3px solid #2271b1; background: #f0f6fc; color: #135e96; }
.mx-ero-follow-introduction p { margin: 0; }