@keyframes lineAnimation {
  0% {
    background-size: 100% 1px;
    background-position: right bottom;
  }
  60% {
    background-size: 0 1px;
    background-position: right bottom;
  }
  60.1% {
    background-size: 0 1px;
    background-position: left bottom;
  }
  100% {
    background-size: 100% 1px;
    background-position: left bottom;
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.button {
  background-color: #C0DF01;
  background-image: none;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0.5px;
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: 700 !important;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  color: #40253B;
  padding: 12px 16px 12px 56px;
  -webkit-appearance: none;
          appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  text-align: left;
  text-decoration: none;
  transition: all 0.35s;
  position: relative;
}
.button strong {
  font-weight: 700 !important;
}
.button:before,
.button:after {
  content: '';
  position: absolute;
  left: 18px;
  z-index: 2;
  background-color: #fff;
  width: 24px;
  height: 5px;
  transition: all 0.2s 0.1s, transform 0.2s;
}
.button:before {
  top: 50%;
  margin-top: -12px;
}
.button:after {
  bottom: 50%;
  margin-bottom: -12px;
}
@media (min-width: 768px) {
  .button:hover,
  .button:focus {
    color: #40253B;
    background-color: #AECA00;
  }
  .button:hover:before,
  .button:focus:before,
  .button:hover:after,
  .button:focus:after {
    transition: all 0.2s, transform 0.3s 0.05s;
  }
  .button:hover:before,
  .button:focus:before {
    margin-top: -8px;
    transform: rotate(23deg) skewX(23deg);
  }
  .button:hover:after,
  .button:focus:after {
    margin-bottom: -8px;
    transform: rotate(-23deg) skewX(-23deg);
  }
}
.area--two {
  width: calc(100% + 40px);
  margin-left: -20px;
}
.area--two .unit {
  margin-left: 20px;
  margin-right: 20px;
  width: calc(100% - 40px);
}
.area--two .unitTwo {
  width: calc(50% - 40px);
}
.area--three {
  width: calc(100% + 40px);
  margin-left: -20px;
}
.area--three .unit {
  margin-left: 20px;
  margin-right: 20px;
  width: calc(100% - 40px);
}
.area--three .unitTwo {
  width: calc(50% - 40px);
}
.area--four .unitTwo {
  width: calc((100% / 3) - 40px);
}
/*# sourceMappingURL=./screen-large.css.map */