.group.complex_button-group {
  .row.complex_button-row {
    &:not(.no-padding-top) {
      padding-top: calculateRem(100);
    }
    &:not(.no-padding-bottom) {
      padding-bottom: calculateRem(100);      
    }

    @include breakpoint(tablet) {
      &:nth-child(odd) {
        .complex_button {
          .image-container {
            padding-right: calculateRem(25);
          }
          .content {
            padding-left: calculateRem(25);
          }
        }
      }
      &:nth-child(even) {
        .complex_button {
          .image-container {
            padding-left: calculateRem(25);
          }
          .content {
            padding-right: calculateRem(25);
          }
        }
      }
    }

    .complex_button {
      @include breakpoint(tablet) {
        &.no-image {
          justify-content: center;
          .content {
            max-width: 50%;
            padding-right: 0;
            padding-left: 0;
          }
        }
      }
      .content {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        text-align: center;

        @include breakpoint(mobile) {
          padding-top: calculateRem(40);
        }

        @include breakpoint(tablet) {
          padding-top: 0;
        }

        & > *:first-child {
          &:not(.buttons-container) {
            animation-delay: 0ms;
          }

          &.buttons-container {
            .button {
              &:first-child {
                animation-delay: 0ms;
              }
              &:nth-child(2) {
                animation-delay: 400ms;
              }
            }
          }
        }

        & > *:nth-child(2) {
          &:not(.buttons-container) {
            animation-delay: 400ms;
          }

          &.buttons-container {
            .button {
              &:first-child {
                animation-delay: 400ms;
              }
              &:nth-child(2) {
                animation-delay: 700ms;
              }
            }
          }
        }

        & > *:nth-child(3) {
          &:not(.buttons-container) {
            animation-delay: 700ms;
          }

          &.buttons-container {
            .button {
              &:first-child {
                animation-delay: 700ms;
              }
              &:nth-child(2) {
                animation-delay: 1000ms;
              }
            }
          }
        }

        & > *:nth-child(4) {
          &:not(.buttons-container) {
            animation-delay: 1000ms;
          }

          &.buttons-container {
            .button {
              &:first-child {
                animation-delay: 1000ms;
              }
              &:nth-child(2) {
                animation-delay: 1300ms;
              }
            }
          }
        }

        & > *:nth-child(5) {
          &:not(.buttons-container) {
            animation-delay: 1300ms;
          }

          &.buttons-container {
            .button {
              &:first-child {
                animation-delay: 1300ms;
              }
              &:nth-child(2) {
                animation-delay: 1700ms;
              }
            }
          }
        }

        .icon-container, .title, .subtitle, .paragraph, .button {
          &:not(.animated) {
            visibility: hidden;
          }
        }

        .button {
          align-self: center;

          &.animated {
            &:nth-child(1) {
              animation-delay: 900ms;
            }

            &:nth-child(2) {
              animation-delay: 1200ms;
            }
          }

          &.second-button {
            margin-left: calculateRem(25);
          }
        }
        .icon-container {
          margin-bottom: calculateRem(30);
        }
      }
    }
  }
}
