/* Updated: 07/08/2024 */
/* Button Style 1 */
.lds-section__button-container {
  display: flex;
  justify-content: center;
  align-items: var(--button-alignment);
  flex-direction: column;
  margin: var(--button-block-spacing-top) 0 var(--button-block-spacing-bottom) 0;
}
/* Media Queries */
@media (max-width: 1023.98px) {
  .lds-section__button-container {
    align-items: var(--button-alignment);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .lds-section__button-container {
    align-items: var(--button-alignment-tablet);
  }
}
@media (max-width: 767.98px) {
  .lds-section__button-container {
    align-items: var(--button-alignment-mobile);
  }
}
.lds-section__button-container.button-style-1 .lds-section__button {
  font-size: 2rem;
  color: #2a2a2a;
  font-weight: 600;

  line-height: 1;
  background: #92c38c;
  border-radius: 9999px;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  height: 6.2rem;
  width: fit-content;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: var(--button-icon-alignment);
  gap: 1.5rem;

  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  cursor: pointer;
}
.lds-section__button-container.button-style-1 .lds-section__button:hover,
.lds-section__button-container.button-style-1.button__active .lds-section__button {
  color: #fff;
  background: #3c623a;
}

/* Button Style 2 */
.lds-section__button-container.button-style-2 .lds-section__button {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 600;

  line-height: 1;
  background: #3d195b;
  border-width: 2px;
  border-color: #3d195b;
  border-radius: 0.75rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  height: 4.8rem;
  width: fit-content;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: var(--button-icon-alignment);
  flex-shrink: 0;
  gap: 1.6rem;

  text-decoration-line: none;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  cursor: pointer;
}
.lds-section__button-container.button-style-2 .lds-section__button:hover,
.lds-section__button-container.button-style-2.button__active .lds-section__button {
  background: #29113d;
  border-color: #29113d;
}

/* Button Style 3 and 5 common styling */
.lds-section__button-container.button-style-3 .lds-section__button,
.lds-section__button-container.button-style-5 .lds-section__button {
  font-weight: 600;
  color: #2a2a2a;
  background: hsla(0, 0%, 100%, 0);
  border-color: #d6d6d6;
  border-radius: 0.75rem;
  border-width: 2px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 0.8rem;
  text-decoration-line: none;
  cursor: pointer;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.lds-section__button-container.button-style-3 .lds-section__button:hover,
.lds-section__button-container.button-style-5 .lds-section__button:hover,
.lds-section__button-container.button-style-3.button__active .lds-section__button,
.lds-section__button-container.button-style-5.button__active .lds-section__button {
  background-color: #f5f5f5;
}

/* Button Style 3 */
.lds-section__button-container.button-style-3 .lds-section__button {
  font-size: 1.4rem;

  padding-left: 1.2rem;
  padding-right: 1.2rem;
  height: 3.6rem;
  line-height: 1;

  flex-direction: var(--button-icon-alignment);
}

/* Button Style 4 */
.lds-section__button-container.button-style-4 .lds-section__button {
  font-size: 1.4rem;
  color: #3d195b;
  font-weight: 600;

  background: hsla(0, 0%, 100%, 0);
  border-color: #3d195b;
  padding: 0.4rem 1.2rem;
  border-radius: 0.75rem;
  border-width: 2px;
  width: fit-content;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: var(--button-icon-alignment);
  gap: 0.8rem;

  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.lds-section__button-container.button-style-4 .lds-section__button:hover,
.lds-section__button-container.button-style-4.button__active .lds-section__button {
  background: #ebe8ef;
  color: #3d195b;
}

/* Button Style 5 */
.lds-section__button-container.button-style-5 .lds-section__button {
  font-size: 1.6rem;

  padding-left: 2.4rem;
  padding-right: 2.4rem;
  height: 4.8rem;

  flex-direction: var(--button-icon-alignment);
}

/* Button Style 6 */
.lds-section__button-container.button-style-6 .lds-section__button {
  font-size: 1.4rem;
  color: #000;
  font-weight: 700;

  border: 1px solid #000;
  padding: 10px 24px;
  border-radius: 100px;
  min-height: 45px;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: var(--button-icon-alignment);
  gap: 0.8rem;
  max-width: max-content;

  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.lds-section__button-container.button-style-6 .lds-section__button:hover,
.lds-section__button-container.button-style-6.button__active .lds-section__button {
  background: rgba(0, 0, 0, 0.1);
}

/* Button Style 7 */
.lds-section__button-container.button-style-7 .lds-section__button {
  font-size: 2rem;
  color: #fff;
  font-weight: 600;
  background: linear-gradient(90deg, #7cbb7b 0%, #05843b 100%);

  padding: 10px 60px;
  border-radius: 30px;
  min-height: 45px;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: var(--button-icon-alignment);
  gap: 0.9rem;

  z-index: 1;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.lds-section__button-container.button-style-7 .lds-section__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #05843b;
  border-radius: 30px;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.lds-section__button-container.button-style-7 .lds-section__button:hover::after,
.lds-section__button-container.button-style-7.button__active .lds-section__button::after {
  opacity: 1;
}

.lds-section__button-container .lds-section__button.header-button {
  max-height: 4.8rem;
  gap: 1rem;
  padding: 10px 24px;
}

/* Media Queries */
@media (max-width: 767.98px) {
  .lds-section__button-container.button-style-7 .lds-section__button {
    padding: 10px 20px;
  }
}