TRI-283: add scss posterinvideo

static/css/moover/easy.css

@@ -1,105 +0,0 @@
-.easy {
-  margin-bottom: 162px;
-}
-
-.easy .title {
-  max-width: 55%;
-  margin-bottom: 21px;
-}
-
-.easy .subtitle {
-  margin-bottom: 41px;
-}
-
-.easy__grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-template-rows: repeat(2, minmax(186px, auto));
-  grid-template-areas:
-        'a  b'
-        'a  c';
-  grid-column-gap: 20px;
-  grid-row-gap: 80px;
-  margin-bottom: 46px;
-}
-
-.easy__item {
-  border-radius: 30px;
-  background-color: var(--color-grey);
-  /*background-color: #a72525;*/
-  text-align: left;
-  padding: 21px;
-  box-shadow: var(--box-shadow-primary);
-}
-
-.easy__item--fir {
-  grid-area: a;
-  margin-right: 60px;
-  padding-bottom: 0;
-}
-
-.easy__item--fir p {
-  width: 93%;
-  margin-bottom: 29px;
-}
-
-.easy__item--sec img {
-  margin-bottom: -10px;
-  margin-right: -5px;
-}
-
-.easy__item--thr img {
-  margin-bottom: -10px;
-  margin-right: 24px;
-}
-
-.easy__item--sec {
-  grid-area: b;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.easy__item--sec p,
-.easy__item--thr p,
-.easy__item--sec,
-.easy__item--thr {
-  margin-bottom: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.easy__item--thr {
-  grid-area: c;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.easy__item--thr p {
-  max-width: 50%;
-}
-
-.easy__arrow {
-  width: 68px;
-  height: 18px;
-  background-image: url("/static/img/svg/Arrow08.svg");
-  position: absolute;
-  z-index: 1;
-}
-
-.easy__arrow--fir {
-  top: 46%;
-  right: 101%;
-}
-
-.easy__arrow--sec {
-  top: 117%;
-  left: 30%;
-  transform: rotate(90deg);
-}
-
-.easy__btn {
-  margin-top: -21px;
-}