+ color: var(--mainColor);
+ transition: color 0.3s;
+
+ &:hover {
+ color: #fff;
+ }
+ }
+
+ .privacy-concerns-okay {
+ background-color: var(--mainColor);
+ padding: 5px 8px 5px 7px;
+ margin-left: auto;
+ border-radius: 3px;
+ cursor: pointer;
+ transition: background-color 0.3s;
+ font-weight: $font-semibold;
+
+ &:hover {
+ background-color: #000;
+ }
+ }
+}
+
+@media screen and (max-width: 1600px) {
+ .video-bottom .video-info .video-attributes .video-attribute {
+ margin-bottom: 5px;
+ }
+}
+
+@media screen and (max-width: 1300px) {
+ .privacy-concerns {
+ font-size: 12px;
+ padding: 2px 5px;
+
+ .privacy-concerns-text {
+ margin: 0;
+ }
+ }
+}
+
+@media screen and (max-width: 1100px) {
+ #video-wrapper {
+ flex-direction: column;
+ justify-content: center;
+
+ .playlist {
+ @include playlist-below-player;
+ }
+ }
+
+ .video-bottom {
+ flex-direction: column;
+
+ /deep/ .other-videos {
+ padding-left: 0 !important;
+
+ /deep/ .video-miniature {
+ flex-direction: row;
+ width: auto;