.ready__wrapper {
  background-color: var(--secondary-color);
}

.ready__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2rem;

  padding-top: 2rem;
  padding-bottom: 2rem;
}

.ready__title {
  font-size: 2.25em;
  font-weight: 900;
  color: var(--main-color);

  text-align: center;
}

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

  width: 256px;
  height: 56px;

  border-radius: 50px;
  border: 1px solid var(--main-color);
  background-color: transparent;
}

.ready__button .button__title {
  font-weight: 600;
  font-size: 1.25em;
  color: var(--main-color);
}

@media screen and (max-width: 675px) {
  .ready__container {
    padding: 2rem 1rem;
  }
}