.unsubscribe__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 90vh;

  background-color: var(--secondary-color);
}

.unsubscribe__container {
  height: auto;
  padding: 2rem;
  margin: 0 .75rem;

  border-radius: 12px;
  background-color: white;
}

.unsubscribe__title {
  font-weight: 900;
  font-size: 1.5em;
}

.unsubscribe__input {
  display: flex;
  flex-direction: column;
  gap: .5rem;

  margin-top: 1rem;
}

.unsubscribe__input .input__title {
  font-size: 1.15em;
}

.unsubscribe__input .input__field {
  font-size: 1em;

  padding: .5rem;

  border-radius: 6px;
  border: 1px solid #b4b3b3;
}

.unsubscribe__or {
  display: flex;
  justify-content: center;

  width: 100%;
  margin-top: 1rem;

  font-size: 1.15em;
}

.unsubscribe__completed {
  display: none;

  font-size: 1.15em;
  color: darkgreen;

  margin-top: .5rem;
}

.unsubscribe__control {
  display: flex;
  gap: 1rem;

  width: 100%;
  margin-top: 1rem;
}

.control__home {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 48px;

  border-radius: 8px;
  border: 1px solid var(--main-color);
  background-color: var(--main-color);

  text-decoration: none;

  cursor: pointer;
}

.control__home .home__title {
  font-size: 1.25em;

  color: #ffffff;
}

.control__access {
  width: 100%;
  height: 48px;

  border-radius: 8px;
  border: 1px solid var(--main-color);

  cursor: pointer;
}

.control__access .home__access {
  font-size: 1.25em;

  color: var(--main-color);
}

@media screen and (max-width: 675px) {
  .unsubscribe__control {
    flex-direction: column;
    gap: .5rem;
  }
}