.gradient-box{display:flex;align-items:center;width:90%;margin:auto;max-width:22em;position:relative;padding:30% 2em;box-sizing:border-box;color:#fff;background:#000;background-clip:padding-box;border:5px solid transparent;border-radius:1em}.gradient-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-5px;border-radius:inherit;background:linear-gradient(90deg,red,orange)}.box-bonus-howto .stepper-bonus-wrapper{justify-content:space-between;margin-bottom:20px}.box-bonus-howto .stepper-bonus-item{position:relative;display:flex;flex-direction:column;align-items:center;flex:1}.box-bonus-howto .stepper-bonus-item:before{position:absolute;content:"";border-bottom:2px solid #3a3a3a;width:100%;top:50px;left:-50%;z-index:2}@media(max-width:767px){.box-bonus-howto .stepper-bonus-item:before{top:25px}}.box-bonus-howto .stepper-bonus-item:after{position:absolute;content:"";border-bottom:2px solid #3a3a3a;width:100%;top:50px;left:50%;z-index:2}@media(max-width:767px){.box-bonus-howto .stepper-bonus-item:after{top:25px}}.box-bonus-howto .stepper-bonus-item .step-counter-bonus{position:relative;z-index:5;display:flex;justify-content:center;align-items:center;width:100px;height:100px;border-radius:50%;border:1px solid #3a3a3a;margin-bottom:6px}@media(max-width:767px){.box-bonus-howto .stepper-bonus-item .step-counter-bonus{width:50px;height:50px}}.box-bonus-howto .stepper-bonus-item .step-name-bonus{padding:8px;z-index:5;margin-bottom:6px}@media(max-width:767px){.box-bonus-howto .stepper-bonus-item .step-name-bonus{text-align:center;white-space:pre-line;margin:0}}.box-bonus-howto .stepper-bonus-item.active{font-weight:700}.box-bonus-howto .stepper-bonus-item.completed .step-counter{background-color:#4bb543}.box-bonus-howto .stepper-bonus-item.completed:after{position:absolute;content:"";border-bottom:2px solid #4bb543;width:100%;top:20px;left:50%;z-index:3}.box-bonus-howto .stepper-bonus-item:first-child:before,.box-bonus-howto .stepper-bonus-item:last-child:after{content:none}