/**
 * front.css
 * ai-article プラグインが記事本文へ挿入するCTA・候補提案ブロックの
 * フロント表示用スタイル（ステップ19）。正本で指定された
 * .aiart-cta / .aiart-suggest のみを対象とする。
 */

.aiart-cta {
    display: inline-block;
    padding: 10px 20px;
    background-color: #2271b1;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
}

.aiart-cta:hover,
.aiart-cta:focus {
    background-color: #135e96;
    color: #ffffff;
}

.aiart-suggest {
    background-color: #fff8dc;
    border: 2px dashed #d4a017;
    padding: 12px 16px;
    margin: 16px 0;
    color: #664d03;
}