.access-code .loader {
    width: 33px;
    aspect-ratio: 1;
    --_c:no-repeat radial-gradient(farthest-side,#383838 92%,#0000);
    background:
            var(--_c) top,
            var(--_c) left,
            var(--_c) right,
            var(--_c) bottom;
    background-size: 9px 9px;
    animation: access-code-animation 1s infinite;
}
@keyframes access-code-animation {to{transform: rotate(.5turn)}}

.access-code h4 {
    color: #383838;
    margin-top: 0px;
    margin-bottom: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
}

.vhs-access-code h4 button {
    color: #00aeef;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    padding: 15px 20px 15px 20px;
    text-align: left;
    word-break: break-word;
    white-space: normal;
    background-color: #fff;
    border: none #ccc;
}

.access-code h4 span {
    padding: 8px 0;
    display: inline-block;
    background-color: transparent;
    color: #383838;
    /* font-family: 'Raleway', sans-serif; */
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
    text-decoration: none;
    position: relative;
    line-height: 28px;
    height: 44px;
    transition: all 0.3s;
}

/*# sourceMappingURL=aopa-access-code.css.map */