@btnAnimateScope: 10px;
@keyframes buttonEffect {
  to {
    opacity: 0;
    top: -@btnAnimateScope;
    left: -@btnAnimateScope;
    bottom: -@btnAnimateScope;
    right: -@btnAnimateScope;
    border-width: @btnAnimateScope;
  }
}

@media (max-width: 1226px)  {
  .iceworks-desc {
    text-align: center;
    margin-bottom: 127px;
  }
}

.iceworks-page {
  .btn-wrap {
    justify-content: flex-start;
  }
  .iceworks-snapshot {
    transition: transform 0.5s ease-out;
    cursor: pointer;
  }


  .btn-clicked::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: inherit;
    border: 0 solid #1890ff;
    opacity: 0.4;
    -webkit-animation: buttonEffect 0.4s;
    animation: buttonEffect 0.4s;
    display: block;
  }

  h3,
  ol {
    max-width: 650px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.7em;
  }
  ol > li {
    list-style: decimal;
  }
}

.queue-anim-entering {
  // background: #2db7f5;
}
.queue-anim-leaving {
  // background: #f60;
}

.dynamic-banner {
  & * {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
  }
}

@media (max-width: 1234px) {
  .iceworks-page .btn-wrap {
    justify-content: center;
  }
}