/* Keep play symbols independent of font metrics and centred in every control. */
.play_icon,
.play_btn,
.hnx-player__icon,
.hn-client__play-icon,
.hn-card__video,
.external-media__play,
.hs-issue__play,
header .header .button .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    color: #fff;
    line-height: 1;
}

.hnx-player__icon,
.hn-client__play-icon,
.hn-card__video,
.external-media__play {
    position: relative;
}

.play_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.play_icon > .play-symbol,
.play_btn > .play-symbol,
.hnx-player__icon > .play-symbol,
.hn-client__play-icon > .play-symbol,
.hn-card__video > .play-symbol,
.external-media__play > .play-symbol,
.hs-issue__play > .play-symbol,
header .header .button .icon > .play-symbol {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 40%;
    height: 40%;
    transform: translate(-50%, -50%);
    flex: 0 0 auto;
    overflow: visible;
}

.hs-button .play-symbol {
    display: block;
    width: 14px;
    height: 16px;
}