._w-video-widget {
      font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: normal;
      --p-top: initial;
      --p-right: initial;
      --p-left: 53px;
      --p-bottom: 20px;
      --btn-bottom: 15px;
      --tr-time: 0.2s;
      --tr-type: ease;
      --width: 100px;
      --height: 140px;
      --width-big: 250px;
      --height-big: 400px;
      --radius: 10px;
      --bg: #ffffff;
      --btn-color: #000000;
      --btn-color-hover: #000000;
      --btn-bg: #ffda0b;
      --btn-bg-hover: #ffda0b;

      box-sizing: border-box;
      position: fixed;
      z-index: 99999;
      top: var(--p-top);
      right: var(--p-right);
      bottom: var(--p-left);
      left: var(--p-bottom);
      bottom: var(--p-left);
      max-width: calc(100% - 30px);
      transform: scale(1);
      pointer-events: initial;
      transition-property: transform, opacity;
      transition-duration: var(--tr-time);
      transition-timing-function: var(--tr-type);
    }

    @media (min-width: 575px) {
      ._w-video-widget {
        --width: 130px;
        --height: 180px;
      }
    }

    ._w-video-widget_big ._w-video-widget__video-link {
      position: static;
    }

    ._w-video-widget__video-link {
      position: absolute;
      z-index: 20;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }

    ._w-video-widget * {
      box-sizing: border-box;
    }

    ._w-video-widget_hide {
      opacity: 0;
      pointer-events: none;
      transform: scale(0);
    }

    ._w-video-widget__play-toggle {
      top: 10px;
      right: 40px;
    }

    ._w-video-widget__play-toggle ._play,
    ._w-video-widget__play-toggle ._pause {
      position: absolute;
      z-index: 25;
      top: 50%;
      left: 50%;
      width: 14px;
      height: 14px;
      opacity: 0;
      transform: scale(0) translate(-50%, -50%);
      transition-property: transform, opacity;
      transition-duration: var(--tr-time);
      transition-timing-function: var(--tr-type);
    }

    ._w-video-widget__play-toggle ._pause {
      transform: scale(1) translate(-50%, -50%);
      opacity: 1;
    }

    ._w-video-widget._paused ._w-video-widget__play-toggle ._play {
      transform: scale(1) translate(-50%, -50%);
      opacity: 1;
    }

    ._w-video-widget._paused ._w-video-widget__play-toggle ._pause {
      transform: scale(0) translate(-50%, -50%);
      opacity: 0;
    }

    ._w-video-widget__close {
      top: 10px;
      right: 10px;
    }

    ._w-video-widget__play-toggle,
    ._w-video-widget__close {
      position: absolute;
      z-index: 25;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 20px;
      height: 20px;
      padding: 3px;
      border-radius: 50%;
      border: none;
      background: rgba(0, 0, 0, 0.1);
      opacity: 0;
      transform: scale(0);
      cursor: pointer;
      transition-property: transform, opacity, background;
      transition-duration: var(--tr-time);
      transition-timing-function: var(--tr-type);
    }

    ._w-video-widget__close svg,
    ._w-video-widget__close img,
    ._w-video-widget__play-toggle svg,
    ._w-video-widget__play-toggle img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    ._w-video-widget__play-toggle svg,
    ._w-video-widget__close svg {
      fill: #ffffff;
    }

    ._w-video-widget__desc {
      width: var(--width);
      padding-bottom: 5px;
      width: 100%;
    }

    ._w-video-widget__body {
      width: var(--width);
      text-align: center;
      font-size: 12px;
      border-radius: var(--radius);
      background: var(--bg);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    ._w-video-widget__body>* {
      margin-top: 5px;
    }

    ._w-video-widget__body>*:first-child {
      margin-top: 0;
    }

    ._w-video-widget._w-video-widget_big ._w-video-widget__body {
      width: var(--width-big);
    }

    ._w-video-widget._w-video-widget_big ._w-video-widget__content {
      height: var(--height-big);
    }

    ._w-video-widget__title {
      padding-left: 3px;
      padding-right: 3px;
      font-weight: 700;
      text-align: center;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 12px;
      transition-property: all;
      transition-duration: var(--tr-time);
      transition-timing-function: var(--tr-type);
    }

    ._w-video-widget__text {
      padding-left: 3px;
      padding-right: 3px;
      text-align: center;
      -webkit-line-clamp: 3;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 12px;
      transition-property: all;
      transition-duration: var(--tr-time);
      transition-timing-function: var(--tr-type);
    }

    ._w-video-widget__content {
      position: relative;
      flex: 1;
      width: 100%;
      height: var(--height);
      border-radius: var(--radius);
      overflow: hidden;
      background: var(--border-color-hover);
      transition-property: width, height, border-color;
      transition-duration: var(--tr-time);
      transition-timing-function: var(--tr-type);
    }

    @media (min-width: 575px) {
      ._w-video-widget._w-video-widget_big ._w-video-widget__body {
        --width: 310px;
      }

      ._w-video-widget._w-video-widget_big ._w-video-widget__content {
        --height: 560px;
      }
    }

    ._w-video-widget._w-video-widget_big video,
    ._w-video-widget._w-video-widget_big iframe {
      pointer-events: initial;
    }

    ._w-video-widget img {
      border-radius: calc(var(--radius) + 2px);
    }

    ._w-video-widget img,
    ._w-video-widget video,
    ._w-video-widget iframe {
      position: absolute;
      z-index: 10;
      display: block;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      margin: auto;
      border: none;
      object-fit: cover;
      pointer-events: none;
    }

    ._w-video-widget__btn {
      position: absolute;
      z-index: 20;
      left: 15px;
      bottom: var(--btn-bottom);
      max-width: calc(100% - 30px);
      width: 100%;
      object-fit: cover;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      min-height: 50px;
      padding: 10px 20px;
      font-weight: 800;
      text-align: center;
      font-size: 14px;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--btn-color);
      background: var(--btn-bg);
      border-radius: var(--radius);
      opacity: 0;
      pointer-events: none;
      transition-property: color, background, opacity;
      transition-duration: var(--tr-time);
      transition-timing-function: var(--tr-type);
    }

    ._touch ._w-video-widget__play-toggle,
    ._touch ._w-video-widget__close,
    ._touch ._w-video-widget_big ._w-video-widget__btn {
      opacity: 1;
      transform: scale(1);
      pointer-events: initial;
    }

    @media (hover: hover) {
      ._w-video-widget:hover ._w-video-widget__body {
        width: calc(var(--width) + 10px);
      }

      ._w-video-widget:hover ._w-video-widget__content {
        height: calc(var(--height) + 20px);
      }

      ._w-video-widget:hover ._w-video-widget__play-toggle,
      ._w-video-widget:hover ._w-video-widget__close {
        opacity: 1;
        transform: scale(1);
      }

      ._w-video-widget__close:hover {
        background: rgba(0, 0, 0, 0.3);
      }

      ._w-video-widget_big:hover ._w-video-widget__body {
        width: var(--width-big);
      }

      ._w-video-widget_big:hover ._w-video-widget__content {
        height: var(--height-big);
      }

      ._w-video-widget_big:hover ._w-video-widget__btn {
        opacity: 1;
        pointer-events: initial;
      }

      ._w-video-widget__btn:hover {
        color: var(--btn-color-hover);
        background: var(--btn-bg-hover);
      }
    }

    .xbtn {color:#000!important; cursor: pointer}
    .xbtn:hover {opacity: 0.8}