+
+ [class^="vjs-icon-"] {
+ display: inline-flex;
+ position: relative;
+ top: 2px;
+ cursor: pointer;
+ width: 14px;
+ height: 14px;
+ background-color: white;
+ mask-size: cover;
+ margin-right: 0.8rem !important;
+
+ $icons: 'link-2', 'repeat', 'code', 'tick-white';
+
+ @each $icon in $icons {
+ &[class$="-#{$icon}"] {
+ mask-image: url('#{$assets-path}/player/images/#{$icon}.svg');
+ }
+ }
+
+ &[class$="-tick-white"] {
+ float: right;
+ margin: 0 !important;
+ }
+ }