@charset "UTF-8";

.smartbanner {
  background: var(--col-rnk-txt-bg-l-main);
  border-bottom: 1px solid var(--col-bas-deco-ll-sub);
}
/* 文字がボタンと被らないように修正 */
.smartbanner__info {
  width: 50%;
}
.smartbanner__info__author {
  color: var(--col-bas-txt-bg-ld-main);
}
.smartbanner__button {
  z-index: 0; /* Vue.js側でポップアップ時にバナーが消えるが、ボタンだけ残って表示されてしまうのを防ぐために追加 */
  background: #0040dd; /* iOSの公式提供バナーの開くボタンと同じような色を設定 */
  color: var(--col-bas-txt-bg-ll-main);
  border-radius: 15px;
  width: 72px;
  line-height: 30px;
  font-size: 14px;
}
.smartbanner__button__label {
  font-weight: 700;
}