.pos-container,.pos-left-side{height:120px;position:relative}.pos-dollar,.pos-new{font-family:"Lexend Deca",sans-serif}.pos-container{display:flex;width:270px;border-radius:10px;transition:.3s ease-in-out;overflow:hidden}.pos-left-side,.pos-right-side{cursor:pointer;transition:.3s;display:flex;overflow:hidden}.pos-container:hover{transform:scale(1.03)}.pos-container:hover .pos-left-side{width:100%}.pos-left-side{background-color:#5de2a3;width:130px;justify-content:center;align-items:center;flex-shrink:0}.pos-right-side{align-items:center;justify-content:space-between;white-space:nowrap}.pos-right-side:hover{background-color:#f9f7f9}.pos-arrow{width:20px;height:20px;margin-right:20px}.pos-new{font-size:23px;margin-left:20px}.pos-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)}.pos-card-line{width:65px;height:13px;background-color:#80ea69;border-radius:2px;margin-top:7px}@media only screen and (max-width:480px){.pos-container{transform:scale(.7)}.pos-container:hover{transform:scale(.74)}.pos-new{font-size:18px}}.pos-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}.pos-container:hover .pos-card{animation:1.2s cubic-bezier(.645,.045,.355,1) both slide-top}.pos-container:hover .pos-post{animation:1s cubic-bezier(.165,.84,.44,1) both slide-post}@keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%,60%{-webkit-transform:translateY(-70px) rotate(90deg);transform:translateY(-70px) rotate(90deg)}100%{-webkit-transform:translateY(-8px) rotate(90deg);transform:translateY(-8px) rotate(90deg)}}.pos-post{width:63px;height:75px;background-color:#dddde0;position:absolute;z-index:11;bottom:10px;top:120px;border-radius:6px;overflow:hidden}.pos-post-line,.pos-post-line:before{height:9px;width:47px;position:absolute}.pos-post-line{background-color:#545354;border-radius:0 0 3px 3px;right:8px;top:8px}.pos-post-line:before{content:"";background-color:#757375;top:-8px;right:0}.pos-screen{width:47px;height:23px;background-color:#fff;position:absolute;top:22px;right:8px;border-radius:3px}.pos-numbers,.pos-numbers-line2{width:12px;height:12px;border-radius:2px;transform:rotate(90deg);left:25px;position:absolute}.pos-numbers{background-color:#838183;box-shadow:0 -18px 0 0 #838183,0 18px 0 0 #838183;top:52px}.pos-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)}100%{-webkit-transform:translateY(-70px);transform:translateY(-70px)}}.pos-dollar{position:absolute;font-size:8px;width:100%;left:0;top:0;color:#4b953b;text-align:center}.pos-container:hover .pos-dollar{animation:.3s 1s backwards fade-in-fwd}@keyframes fade-in-fwd{0%{opacity:0;transform:translateY(-5px)}100%{opacity:1;transform:translateY(0)}}