@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,200,300,regular,500,600,700,800,900);

.enter-button {
    margin-top: 2vw;
    border-radius: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    color: white;
    width: 1.5em;
    height: 1.5em;
    color: white;
    text-decoration: none;
    text-align: center;
    transition: 0.3s;
    font-size: 200%;
    font-weight: bolder;
    font-family: "Montserrat", sans-serif;
    animation: flicker 3s linear infinite;
    border: 0.085em solid white;
    box-shadow: 0 0 0.05em white, 0 0 0.05em inset white;
    text-shadow: 0 0 0.05em white;
}

.enter-button::after {
    animation: none;
}

.enter-button:hover {
    border-radius: 0.1em;
    max-width: 12em;
    width: 13em;
    background: white;
    color: black;
    box-shadow: 0 0 5px white, 0 0 25px white, 0 0 50px white,
        0 0 200px white !important;
    text-shadow: 0 0 5px white, 0 0 25px white, 0 0 50px white,
    0 0 200px white !important;
}

.enter-button:hover::after {
    font-family: "Montserrat", sans-serif;
}

@keyframes flicker {
    0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
        opacity: 0.99;
        box-shadow: 0 0 0.05em white, 0 0 0.05em inset white;
        text-shadow: 0 0 0.05em white;
   }
    20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
        opacity: 0.4;
        box-shadow: none;
        text-shadow: none;
   }
}