.beta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  z-index: 1000;
  animation-name: slideDown;
  animation-duration: 300ms;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  background-color: black;
  color: #fff;
  overflow: hidden;
  padding: 2em;
  transform: translateY(100vh); }
  .beta > .btn {
    display: inline-block;
    cursor: pointer; }
    .beta > .btn > a {
      display: inline-block;
      margin: 0.5em;
      border: 1px solid white;
      text-decoration: none;
      color: #fff;
      padding: 0.75em;
      padding-left: 1.25em;
      padding-right: 1.25em;
      transition: color 300ms ease, border 300ms ease; }
    .beta > .btn:hover > a {
      color: #3bb6aa;
      border: 1px solid #3bb6aa; }
  .beta.closeIt {
    transform: translateY(0);
    animation-name: slideBack;
    animation-duration: 300ms;
    animation-fill-mode: forwards; }

@keyframes slideDown {
  100% {
    transform: translateY(0); } }
@keyframes slideBack {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(100vh); } }

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