.ribbon{font-size:0.875rem;letter-spacing:0.0625rem;line-height:1.5625rem;font-weight:800;padding:0.5rem 1.25rem 0.5rem 1.5rem;text-transform:uppercase;position:relative;display:inline-block;background-color:#3792d7;color:#fff}.ribbon:before{top:100%;left:0;border-top:0.625rem solid #2c75ac;border-left:0.625rem solid transparent}.ribbon:after,.ribbon:before{content:"";position:absolute;height:0;width:0}.ribbon:after{display:block;top:0;left:100%;border-width:1.3125rem 1rem 1.25rem 0;border-style:solid}.ribbon i{font-size:0.875rem;line-height:0.3125rem;padding-right:0.625rem}.ribbon--primary{background-color:#3792d7;color:#fff}.ribbon--primary:before{border-top-color:#2c75ac;border-left-color:transparent}.ribbon--primary:after{border-color:#3792d7 transparent #3792d7 #3792d7}.ribbon--primary.ribbon--flip:after{border-right-color:#3792d7;border-left-color:transparent}.ribbon--secondary{background-color:#68d579;color:#fff}.ribbon--secondary:before{border-top-color:#53aa61;border-left-color:transparent}.ribbon--secondary:after{border-color:#68d579 transparent #68d579 #68d579}.ribbon--secondary.ribbon--flip:after{border-right-color:#68d579;border-left-color:transparent}.ribbon--flip{padding:0.5rem 1.5rem}.ribbon--flip:before{right:0;border-right:0.625rem solid transparent;border-left:unset;left:unset}.ribbon--flip:after{right:0;left:-1rem;border-right-width:0;border-right-style:solid;border-left-width:1rem;border-left-style:solid}.ribbon--flip.ribbon--small{padding-left:0.1875rem;padding-right:0.75rem}.ribbon--flip-icon i{padding-right:0;padding-left:0.625rem}.ribbon--small{font-size:0.6875rem;line-height:0.625rem;font-weight:500;padding:0.5rem 0.5625rem 0.4375rem 0.75rem}.ribbon--small i{font-size:0.625rem;padding-right:0.3125rem;line-height:0.625rem}.ribbon--small:before{border-top-width:0.5rem;border-left-width:0.5rem;bottom:-0.5rem}.ribbon--small:after{border-width:0.8125rem 0.5625rem 0.75rem}.ribbon--small.ribbon--flip-icon i{padding-right:0;padding-left:0.3125rem}.ribbon--no-chevron:before{content:none!important}.ribbon--double-ended:before{display:block;top:0;left:-0.9375rem;border-color:#3792d7 #3792d7 #3792d7 transparent;border-style:solid;border-width:1.3125rem 0 1.25rem 1rem}