.gift-ribbon{position:relative}.gift-wrap{width:100%;height:50px;position:absolute;top:-8px;right:0;overflow:hidden}.gift-wrap:after,.gift-wrap:before{content:"";position:absolute}.gift-wrap:before{width:40px;height:8px;right:100px;background:#4d6530;border-radius:8px 8px 0 0}.gift-wrap:after{width:8px;height:40px;right:0;top:100%;background:#4d6530;border-radius:0 8px 8px 0}.inner-gift-ribbon{width:100px;height:40px;line-height:40px;position:absolute;top:10px;right:-30px;z-index:2;overflow:hidden;transform:rotate(45deg);border:1px dashed;box-shadow:0 0 0 3px #57dd43,0 21px 5px -18px rgba(0,0,0,.6);background:#57dd43;text-align:center;color:#fff}@media (min-width:500px){.gift-ribbon{width:40%}}.wrap-ribbon{font-family:none;width:80px;height:14px;line-height:14px;padding-left:7px;font-size:small;cursor:pointer;position:absolute;left:-15px;top:44px;background:#00c8e6;color:snow}@media (max-width:991px){.wrap-ribbon{left:-12px;top:26px}}.wrap-ribbon:after,.wrap-ribbon:before{content:"";position:absolute}.wrap-ribbon:before{height:0;width:0;top:-7px;left:.6px;border-bottom:7px solid #000;border-left:8px solid transparent}.wrap-ribbon:after{top:0;width:14px;right:-.815rem;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #00c8e6}