.cba-vote-reminder {
  display: grid;
  gap: 9px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9dde5;
  border-radius: 9px;
  background: #f7f8fa;
  box-sizing: border-box;
}

.cba-vote-reminder[hidden] {
  display: none;
}

.cba-vote-reminder p,
.cba-vote-reminder strong {
  margin: 0;
}

.cba-vote-reminder p {
  color: #464b54;
  font-size: 13px;
  line-height: 1.45;
}

.cba-vote-reminder strong {
  color: #17191d;
  font-size: 14px;
  line-height: 1.35;
}

.cba-vote-reminder-button,
.cba-vote-reminder-auth-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid #17191d;
  border-radius: 7px;
  background: #fff;
  color: #17191d;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
}

.cba-vote-reminder-button:hover,
.cba-vote-reminder-auth-actions a:hover {
  background: #17191d;
  color: #fff;
}

.cba-vote-reminder-button:disabled {
  cursor: wait;
  opacity: .7;
}

.cba-vote-reminder-auth-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cba-vote-reminder.is-set {
  border-color: #afd3bb;
  background: #f1faf4;
}

.cba-vote-reminder.is-confirm-target {
  outline: 3px solid rgba(250, 231, 0, .65);
  outline-offset: 3px;
}

.cba-vote-reminder-confirm-notice {
  color: #111;
}

.cba-vote-reminder-error {
  color: #a52424 !important;
  font-weight: 700;
}

@media (max-width: 680px) {
  .cba-vote-reminder-button,
  .cba-vote-reminder-auth-actions a {
    width: 100%;
  }

  .cba-vote-reminder-auth-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}