a,button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-decoration: none;
    padding: 0
}

.autoplay-video {
    position: relative;
    width: 100%
}

.autoplay-video__wrapper {
    width: 100%;
    outline-offset: .0625rem
}

.autoplay-video__media {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 800px;
    vertical-align: middle
}

.autoplay-video__media-control {
    position: absolute;
    z-index: 1;
    bottom: 1.25rem;
    right: 1.25rem
}

@media screen and (orientation: landscape)and (min-width:64rem),screen and (orientation:portrait)and (min-width:64.0625rem) {
    .autoplay-video__media-control {
        bottom:1.5rem;
        right: 1.5rem
    }

    .autoplay-video__media-control--full-bleed {
        bottom: 2.5rem;
        right: 2.5rem
    }
}

@media screen and (min-width: 105rem) {
    .autoplay-video__media-control--full-bleed {
        bottom:3rem;
        right: 3rem
    }
}

@media (max-width: 768px) {
    .autoplay-video__media {
        height: 400px;
    }
    
}

.media-control__icon {
    z-index: 1;
    width: 1.625rem;
    height: 1.625rem;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .1s ease-in 0ms;
    display: flex;
    align-items: center;
    justify-content: center
}

.media-control__icon--visible {
    opacity: 100%
}