.wpkoi-view-more {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center }.wpkoi-view-more__button {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;cursor: pointer;padding: 15px 30px;font-size: 16px;-webkit-border-radius: 4px;border-radius: 4px;line-height: 1;background-color: #818a91;color: white;text-align: center;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s }.wpkoi-view-more__icon {color: white;margin: 0 5px 0 0 }.wpkoi-view-more__label {color: white }.wpkoi-view-more-section-edit-mode {-webkit-filter: grayscale(1);filter: grayscale(1);opacity: 0.5 }.wpkoi-view-more-section {height: 0;overflow: hidden }.wpkoi-view-more-section.wpkoi-tricks-fade-effect {-webkit-animation-name: fade;animation-name: fade;-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);-webkit-animation-play-state: paused;animation-play-state: paused }.wpkoi-view-more-section.wpkoi-tricks-fade-effect.view-more-visible {height: auto;-webkit-animation-play-state: running;animation-play-state: running }.wpkoi-view-more-section.wpkoi-tricks-zoom-in-effect {-webkit-animation-name: zoomIn;animation-name: zoomIn;-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);-webkit-animation-play-state: paused;animation-play-state: paused }.wpkoi-view-more-section.wpkoi-tricks-zoom-in-effect.view-more-visible {height: auto;-webkit-animation-play-state: running;animation-play-state: running }.wpkoi-view-more-section.wpkoi-tricks-zoom-out-effect {-webkit-animation-name: zoomOut;animation-name: zoomOut;-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);-webkit-animation-play-state: paused;animation-play-state: paused }.wpkoi-view-more-section.wpkoi-tricks-zoom-out-effect.view-more-visible {height: auto;-webkit-animation-play-state: running;animation-play-state: running }.wpkoi-view-more-section.wpkoi-tricks-move-up-effect {-webkit-animation-name: moveUp;animation-name: moveUp;-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);-webkit-animation-play-state: paused;animation-play-state: paused }.wpkoi-view-more-section.wpkoi-tricks-move-up-effect.view-more-visible {height: auto;-webkit-animation-play-state: running;animation-play-state: running }.wpkoi-view-more-section.wpkoi-tricks-fall-perspective-effect {-webkit-animation-name: fallPerspective;animation-name: fallPerspective;-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);-webkit-animation-play-state: paused;animation-play-state: paused }.wpkoi-view-more-section.wpkoi-tricks-fall-perspective-effect.view-more-visible {height: auto;-webkit-animation-play-state: running;animation-play-state: running }