.newsletter-download{
  display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 999px;
	background: var(--momo-ink-2);
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid rgba(0, 0, 0, .18);
	color: #fff;
}
.newsletter-download:hover{
  opacity: 0.8;
  color: #fff;
  text-decoration:none;
}
.newsletter-missing{ opacity:.6; white-space:nowrap; }

/*
.newsletter-list{
  list-style:none;
  margin:0;
  padding:0;
}

.newsletter-item{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.newsletter-icon{
  flex:0 0 auto;
}

.newsletter-date{
  flex:0 0 auto;
  opacity:.7;
  font-size:.9em;
  white-space:nowrap;
}

.newsletter-title{
  flex:1 1 auto;
  min-width:0;
}

.newsletter-download{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  text-decoration:none;
  white-space:nowrap;
  border:1px solid rgba(0,0,0,.18);
}

.newsletter-download:hover{
  text-decoration:none;
}

.newsletter-missing{
  flex:0 0 auto;
  opacity:.6;
  white-space:nowrap;
}

*/

/* 画面が狭い時はボタンを下に回す */
/*@media (max-width: 768px){
  .newsletter-item{
    flex-wrap:wrap;
  }
}*/

@media (max-width: 768px) {
  .newsletter-download{
    padding: calc(2px + 6 * (100vw - 320px) / 448) 12px;
    font-size: calc(12px + 4 * (100vw - 320px) / 448);
  }
}