.masker{width:390px;margin:0}.container,.masker{background-color:#000;display:flex;flex-direction:row;align-items:center;justify-content:center;height:fit-content;position:relative;padding:0;border-radius:6px;transition:.3s ease-in-out;border:none;box-shadow:none}.container{width:100%}.masker:hover .container{transform:scale(1.03);width:220px;box-shadow:none}.masker:hover .left-side{width:100%}.masker:hover .right-side{width:0;overflow:hidden}.left-side{background-color:#5de2a3;width:130px;height:120px;border-radius:4px;position:relative;justify-content:center;transition:.3s;flex-shrink:0}.left-side,.right-side{display:flex;align-items:center;cursor:pointer;overflow:hidden}.right-side{width:calc(100% - 130px);justify-content:space-between;white-space:nowrap;transition:.3s ease-in-out}.right-side:hover{background-color:#f9f7f9}.arrow{width:20px;height:20px;margin-right:20px}.new{font-size:23px;font-family:Lexend Deca,sans-serif;margin-left:20px}.card{width:70px;height:46px;background-color:#c7ffbc;border-radius:6px;position:absolute;display:flex;z-index:10;flex-direction:column;align-items:center;-moz-box-shadow:9px 9px 9px -2px rgba(77,200,143,.72);-webkit-box-shadow:9px 9px 9px -2px rgba(77,200,143,.72)}.card-line{width:65px;height:13px;background-color:#80ea69;border-radius:2px;margin-top:7px}@media only screen and (max-width:480px){.masker{transform:scale(.7)}.masker:hover{transform:scale(.74)}.new{font-size:18px}}.buttons{width:8px;height:8px;background-color:#379e1f;box-shadow:0 -10px 0 0 #26850e,0 10px 0 0 #56be3e;border-radius:50%;transform:rotate(90deg);margin:10px 0 0 -30px}.masker:hover .card{animation:slide-top 1.2s cubic-bezier(.645,.045,.355,1) both}.masker:hover .post{animation:slide-post 1s cubic-bezier(.165,.84,.44,1) both}@keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-70px) rotate(90deg);transform:translateY(-70px) rotate(90deg)}60%{-webkit-transform:translateY(-70px) rotate(90deg);transform:translateY(-70px) rotate(90deg)}to{-webkit-transform:translateY(-8px) rotate(90deg);transform:translateY(-8px) rotate(90deg)}}.post{width:63px;height:75px;background-color:#dddde0;position:absolute;z-index:11;bottom:10px;top:120px;border-radius:6px;overflow:hidden}.post-line{background-color:#545354;border-radius:0 0 3px 3px;right:8px;top:8px}.post-line,.post-line:before{width:47px;height:9px;position:absolute}.post-line:before{content:"";background-color:#757375;top:-8px}.screen{width:47px;height:23px;background-color:#fff;position:absolute;top:22px;right:8px;border-radius:3px}.numbers{background-color:#838183;box-shadow:0 -18px 0 0 #838183,0 18px 0 0 #838183;top:52px}.numbers,.numbers-line2{width:12px;height:12px;border-radius:2px;position:absolute;transform:rotate(90deg);left:25px}.numbers-line2{background-color:#aaa9ab;box-shadow:0 -18px 0 0 #aaa9ab,0 18px 0 0 #aaa9ab;top:68px}@keyframes slide-post{50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-70px);transform:translateY(-70px)}}.dollar{position:absolute;font-size:16px;font-family:Lexend Deca,sans-serif;width:100%;left:0;top:0;color:#4b953b;text-align:center}.masker:hover .dollar{animation:fade-in-fwd .3s 1s backwards}@keyframes fade-in-fwd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}