#unlock1, #unlock2 {
    -webkit-border-radius: 13px;
}

#unlock1 {
    border: 1px solid rgba(30, 30, 30, 0.88);
    margin-top: 22px;
    width: 282px;
    margin-left: auto;
    margin-right:auto;
}

#unlock2 {
    width: 282px;
    height: 50px;
    border: 1px solid rgba(100, 100, 100, 0.88);
    background-color: rgba(0, 0, 0, 0.77);
    position: relative;
}

#unlock_text {
    position: absolute;

    text-align: center;
    left: 90px;
    top: 12px;

    color: #ffffff;

    font-size: 22px;
    font-family: Helvetica;

    -webkit-animation-name: slide;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-mask-image: -webkit-gradient(linear, left bottom, right bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5)));
}

#arrow {
    margin-top: 2px;
    margin-left: 0px;
    position: absolute;
}