.example{color:red}.my-card{position:absolute;left:40%;top:-20px;border-radius:50%}.shape{border-style:solid;border-width:0 70px 40px 0;float:right;height:0;width:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.offer{background:#fff;border:1px solid #ddd;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.2);box-shadow:0 10px 20px rgba(0,0,0,.2);margin:15px 0;overflow:hidden}.offer:hover{-webkit-transform:scale(1.1);transform:rotate scale(1.1);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.shape{border-color:hsla(0,0%,100%,0) #d9534f hsla(0,0%,100%,0) hsla(0,0%,100%,0)}.offer-radius{border-radius:7px}.offer-danger{border-color:#d9534f}.offer-danger .shape{border-color:transparent #d9534f transparent transparent}.offer-success{border-color:#5cb85c}.offer-success .shape{border-color:transparent #5cb85c transparent transparent}.offer-default{border-color:#999}.offer-default .shape{border-color:transparent #999 transparent transparent}.offer-primary{border-color:#428bca}.offer-primary .shape{border-color:transparent #428bca transparent transparent}.offer-info{border-color:#5bc0de}.offer-info .shape{border-color:transparent #5bc0de transparent transparent}.offer-warning{border-color:#f0ad4e}.offer-warning .shape{border-color:transparent #f0ad4e transparent transparent}.shape-text{color:#fff;font-size:12px;font-weight:700;position:relative;right:-40px;top:2px;white-space:nowrap;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.offer-content{padding:0 20px 10px}@media (min-width:487px){.container{max-width:750px}.col-sm-6{width:50%}}@media (min-width:900px){.container{max-width:970px}.col-md-4{width:33.33333333333333%}}@media (min-width:1200px){.container{max-width:1170px}.col-lg-3{width:25%}}