/**
 * Growth Log - ベータ版の札（growth_log_beta_badge()）
 * 薄い緑の地に緑の文字の、角の丸い札にする（投稿詳細のタグの丸い形にそろえる）。
 * 文字はサイトの緑（#4eb34c）だと薄い地の上で読みにくいので、濃い緑にしている。
 * timeline.css・form-field.css の依存として読み込む。ベータを終えるときはこのファイルを消す。
 */

.growth-log-beta {
    display: inline-block;
    margin-left: 0.5em;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.08em;
    color: #2f7d2d;
    background-color: #e6f4e5;
    border-radius: 999px;
    vertical-align: middle;
    white-space: nowrap;
}

/* フォームの欄では「任意」の札と並ぶので、縮まないようにし、間隔を「任意」の札（左右 5px）に合わせる */
.growth-log-field-label .growth-log-beta {
    flex-shrink: 0;
    margin-left: 5px;
}