gsy-component-library/build/components/StepButton/StepButton.css

reusable components from grid singularity

@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,700");
@-webkit-keyframes leftarrow {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-0.3em); } }

@-webkit-keyframes rightarrow {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(0.3em); } }

.stepButton {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transform: translateX(0); }
  .stepButton:hover {
    -webkit-animation: leftarrow 0.6s infinite alternate ease-in-out; }
  .stepButton--right {
    flex-direction: row-reverse; }
    .stepButton--right .stepButton__icon {
      margin-right: 0; }
    .stepButton--right:hover {
      -webkit-animation: rightarrow 0.6s infinite alternate ease-in-out; }
  .theme-d3a .stepButton__label {
    color: #7d7d7d; }
  .theme-verbund .stepButton__label {
    color: #7d7d7d; }