/**
 * Cookie リストページのコンテンツ部分を Wrap するブロック
 */

.cookie-list-content {
  padding-inline: 62px;
  padding-block: 3em;

  @media only screen and (max-width: 768px){
    padding-inline: 23px;
  }

  @media only screen and (max-width: 549px){
    /**
     * このサイズより小さいウインドウサイズでは、
     * JS が生成要素が自分で余白を持つ（width: 90% になる）ので、
     * wrap 要素の padding を 0 にする
     */
    padding-inline: 0;
  }
}

/**
 * JS が生成する要素の font-size を上書き
 */
body #ot-sdk-cookie-policy .ot-sdk-cookie-policy {
  font-size: 16px;
}


/**
 * JS 生成要素の最後のボタンだけは 550px 未満でも
 * ウインドウに幅 90% の中に収まってくれないので、
 * ボタンに margin を持たせる
 */
.ot-sdk-show-settings {

  @media only screen and (max-width: 549px) {
    margin-inline-start: 5%;
  }
}