.wp-block-yoast-how-to-block.schema-how-to{background-color:var(--cef-howto-background-color);border:1px solid var(--cef-howto-border-color);border-radius:10px;padding:45px;margin:30px 0;position:relative;overflow:hidden}.wp-block-yoast-how-to-block.schema-how-to:before,.wp-block-yoast-how-to-block.schema-how-to:after{content:"";display:block;background-color:rgba(0,0,0,0);border:1px solid var(--cef-howto-border-color);position:absolute}.wp-block-yoast-how-to-block.schema-how-to:after{height:70%;border-radius:50%;top:50%;left:0;transform:translate(-50%, -50%);aspect-ratio:1}.wp-block-yoast-how-to-block.schema-how-to:before{height:40%;width:200px;border-radius:200px;top:0;right:5%;transform:translateY(-50%)}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-total-time{text-align:center}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-total-time .schema-how-to-duration-time-text{font-weight:bold}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-description{color:#191919;font-weight:bold;font-size:26px;line-height:1.4;text-align:center;margin:0 0 30px;position:relative;z-index:2}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps{display:flex;align-items:stretch;justify-content:center;gap:30px;flex-wrap:wrap;position:relative;z-index:2;counter-reset:ol-number;list-style:none;padding:0}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps .schema-how-to-step{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;background-color:var(--cef-howto-primary-color);width:47%;min-width:200px;max-width:405px;margin:0;padding:0;border-radius:10px;counter-increment:ol-number}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps .schema-how-to-step:before,.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps .schema-how-to-step:after{content:none}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps .schema-how-to-step .schema-how-to-step-name{margin:24px 20px;font-size:15px;line-height:1.4;text-transform:uppercase;font-weight:bold;color:#fff;display:flex;align-items:center;justify-content:stretch}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps .schema-how-to-step .schema-how-to-step-name:before{content:counter(ol-number);color:#fff;border:1px solid #fff;border-radius:50%;width:42px;height:42px;margin:0 20px 0 0;display:block;text-align:center;font-size:16px;line-height:2.4;flex:0 0 42px}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps .schema-how-to-step .schema-how-to-step-text{flex:1 0 auto;background-color:#fff;border:1px solid var(--cef-howto-border-color);border-top:none;border-radius:0 0 10px 10px;color:#161717;font-size:15px;line-height:1.6;padding:15px 20px;margin:0}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps .schema-how-to-step .schema-how-to-step-text img{margin-top:10px}@media(max-width: 769px){.wp-block-yoast-how-to-block.schema-how-to{padding:25px 15px;margin:30px -15px}.wp-block-yoast-how-to-block.schema-how-to:before,.wp-block-yoast-how-to-block.schema-how-to:after{content:none}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-description{margin:0 0 20px;font-size:22px}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps{gap:20px}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps .schema-how-to-step{width:100%;max-width:100%}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps .schema-how-to-step .schema-how-to-step-name{margin:20px 15px}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps .schema-how-to-step .schema-how-to-step-name:before{margin:0 15px 0 0;width:36px;height:36px;font-size:14px;flex:0 0 36px}.wp-block-yoast-how-to-block.schema-how-to .schema-how-to-steps .schema-how-to-step .schema-how-to-step-text{padding:15px}}