.callToActionBtn {
  color: white;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: var(--font-family);
  width: 14rem;
}

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

.baseButton {
  width: 13rem;
  height: 4rem;
  border-radius: 0.8rem;
  border: none;
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  font-family: var(--font-family);
  transition: box-shadow 0.3s;
  // background-color: #ececec;
  // color: #000000;
}

@media (max-width: 990px) {
  .baseButton {
    width: 12rem;
    height: 3.6rem;
    font-size: 1.4rem;
  }
}

@media (max-width: 660px) {
  .baseButton {
    width: 9rem;
    height: 3.6rem;
    font-size: 1.4rem;
  }
}

@media (max-width: 486px) {
  .baseButton {
    width: 8rem;
    height: 3.6rem;
    font-size: 1.4rem;
  }
}

@media (max-width: 420px) {
  .baseButton {
    width: 7rem;
    height: 3.6rem;
    font-size: 1.4rem;
    font-size: 1.2rem;
  }
}