@import “../sadui”;

.play-button-container {

cursor: pointer;
display: block;
position: relative;
.play-button {
    position: relative;
    margin: auto;
}

&:hover {
    .play-button {
        background: rgba($colorBlack, 0.9);
    }
}
&:active,
&.is-click {
    .play-button-arrow {
    }
    .play-button-arrow-shadow {
        visibility: hidden;
    }
}

} .play-button {

display: block;
background: rgba($colorBlack, 0.5);

width: 8em;
height: 5em;

.play-button-arrow {
    width: 0;
    height: 0;
    position: absolute;
    z-index: $zModule+2;
    top: 50%;
    left: 50%;
    margin-top: -0.95em;
    margin-left: -0.35em;

    border-top: $playButtonArrowSize solid transparent;
    border-bottom: $playButtonArrowSize solid transparent;
    border-left: $playButtonArrowSize solid $colorWhite;
}

.play-button-arrow-shadow {
    @extend .play-button-arrow;
    border-left-color: $colorBlack;
    // top: 32%;
    z-index: $zModule+1;
}

}