.unsubscribe-page {
  width: 100%;
  height: 100vh;
  background: #f4f4f4;
  display: inline-table;
}
.unsubscribe-page header img.logo {
  margin: 25px 20px;
}
.unsubscribe-page .unsubscribe-con {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}
.unsubscribe-page .unsubscribe-con .unsubscribe-box h1 {
  white-space: pre-line;
  color: #333333;
  font-size: 45px;
  line-height: 30px;
  border-bottom: 3px solid #e6e6e6;
  padding: 30px;
  margin: 0;
  font-family: "Noto Serif", serif;
  text-align: center;
}
.unsubscribe-page .unsubscribe-con .unsubscribe-box h1 span.heading {
  font-size: 50px;
  font-weight: bold;
  color: #4d065b;
  line-height: 50px;
  word-break: break-word;
}
.unsubscribe-page .unsubscribe-con .unsubscribe-box h1 span {
  font-size: 20px;
  color: black;
}
.unsubscribe-page .unsubscribe-con .unsubscribe-box h1 span.font-normal {
  font-family: 'Noto Sans', serif;
}
.unsubscribe-job-alert {
  display: inline-block;
}
.job-alert-check {
  min-height: 53px;
  font-family: 'Noto Sans';
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: black;
  overflow: hidden;
  display: flex;
  word-break: break-word;
}
.job-alert-check .cross-out-text span {
  font-size: 16px;
  font-weight: 500;
}
.unsubscribe-page input {
  max-width: 400px;
  width: 100%;
  height: 50px;
  margin: 77px auto 0;
  padding: 13px 0;
  object-fit: contain;
  border: none;
  border-radius: 0px;
  background-color: #4d005b;
  font-size: 16px;
  font-weight: bold;
  color: white;
  cursor: pointer;
  font-family: 'Noto Sans', serif;
}
.unsubscribe-box p {
  max-width: 460px;
  margin: 50px auto 40px;
  font-size: 16px;
  text-align: center;
  font-family: 'Noto Sans', serif;
}
.unsubscribe-box i {
  max-width: 460px;
  margin: 30px auto 0;
  font-size: 16px;
  display: block;
  text-align: center;
  font-family: 'Noto Sans', serif;
}
.unsubscribe-box .job-alert-check {
  display: flex;
  align-items: center;
}
.unsubscribe-box .alert-row-content {
  margin-left: 5px;
  font-size: 14px;
  font-family: 'Noto Sans', serif;
}
.unsubscribe-box {
  text-align: center;
}
.job-alert-check .clickable-icon a {
  cursor: pointer;
}
input.btn-invert[disabled] {
  background: #4d065b;
  opacity: 0.5;
  color: white;
}
.unsubscribe-page .todo-list-button-uncompleted {
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
/*.alert-row-button:focus, input.btn-invert:focus {
    border: 2px solid #000;
}*/

.unsubscribe-heading-text span {
  display: block;
}
.unsubscribe-page input.btn-invert {
  margin-top: 20px;
}
@media (max-width: 540px) {
  .unsubscribe-box p,
  .unsubscribe-box i,
  .unsubscribe-page input {
    max-width: 300px;
  }
  .unsubscribe-page .unsubscribe-con .unsubscribe-box h1 span.heading {
    font-size: 42px;
  }
  .unsubscribe-page .unsubscribe-con .unsubscribe-box h1 {
    font-size: 38px;
  }
  .unsubscribe-page .unsubscribe-con {
    max-width: 90vw;
  }
}