.preview figure {
  height: 100%;
  width: 100px; }

.preview .button--icon-text {
  margin-left: -5px; }

@media (max-width: 940px) {
  figure + .preview--content {
    margin-top: 30px; } }

@media (min-width: 941px) {
  .preview {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 50px; }
    .preview figure {
      min-width: 100px; }
      .preview figure + .preview--content {
        margin: 0 0 0 30px; }
    .preview--content {
      -webkit-flex-shrink: 3;
      -ms-flex-negative: 3;
      flex-shrink: 3; }
    .preview .button--icon-text:hover .icon {
      -webkit-animation: none;
      animation: none; } }

/*# sourceMappingURL=preview.css.map */
