.container {
  display: flex;
  justify-content: center;
  > div {
    padding-top: 2.5rem;
    > h4 {
      font-size: 24px;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 0;
    }
    > p {
      margin-top: -1px;
      font-size: 14px;
      color: #919BAE;
    }
  }
}

.icoContainer {
  padding-top: 0 !important;
  font-size: 4.2rem;
  color: #323740;
  margin-right: 20px;
  line-height: 9.3rem;
  > i {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
  }
}

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  &:before {
    position: fixed;
    content: '';
    top: 6rem;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(0,0,0, 15) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.5;
  }

  &:after {
    content:'';
    position: fixed;
    top: 6rem;
    right: 0;
    bottom: 0;
    left: 24rem;
    background: linear-gradient(#FBFBFB 20%, rgba(0, 0, 100, 0) 100%);
    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px 0 rgba(40, 42, 49, 0.16);
  }

  > div {
    position: fixed;
    top: 11.5rem;
    left: 50%;
    margin-left: -17.5rem;
    z-index: 1100;
  }
}

.buttonContainer {
  padding-top: 3.9rem;
  > a {
    height: 30px;
    font-size: 13px;
  }
}

.primary {
  min-width: 15rem;
  padding-top: 4px;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  border-radius: 0.3rem;
  border: none;
  background: linear-gradient(315deg, #bc2a8d 0%, #8a3ab9 100%);
  color: white;
  font-family: Lato;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;

  > i {
    margin-right: 1.3rem;
    font-weight: 600;
    padding-top: 1px;
  }
  &:before {
    content: '\f02d';
    font-family: 'FontAwesome';
    font-weight: 600;
    font-size: 1.3rem;
    margin-right: 13px;
  }

  &:active {
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.15);
  }

  &:focus {
    outline: 0;
  }

  &:hover {
    color: white;
  }
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }