/*! ============================================================================= */
/*! Individual styles for gallery action buttons. */
/*! ============================================================================= */
.proofing-gallery-action-button,
.btn.proofing-gallery-action-button {
  position: relative;
  margin: 15px;
  padding: 15px 35px;
  display: inline-flex;
  align-items: center;
  border: 0;
}

.proofing-gallery-action-button__icon,
.btn.proofing-gallery-action-button__icon {
  padding-right: 15px;
  font-size: 125%;
  display: flex;
}

.proofing-gallery-action-button__text,
.btn.proofing-gallery-action-button__text {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.proofing-gallery-action-button--loading svg,
.btn.proofing-gallery-action-button--loading svg {
  -webkit-animation: proofing-gallery-action-button-spin 2s infinite linear;
          animation: proofing-gallery-action-button-spin 2s infinite linear;
}

@media (max-width: 991.98px) {
  .proofing-gallery-action-button,
  .btn.proofing-gallery-action-button {
    margin: 5px;
    padding: 10px 25px;
  }
}

@media (max-width: 767.98px) {
  .proofing-gallery-action-button,
  .btn.proofing-gallery-action-button {
    margin: 0 0 5px;
    width: 100%;
    justify-content: center;
  }
}

@-webkit-keyframes proofing-gallery-action-button-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@keyframes proofing-gallery-action-button-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}