.wp-block-universal-containers-container-advice { margin: 0; }
.uc-container-advice { background: #dfff1d; color: #111; }
.uc-container-advice__grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; padding: 3.5rem 0; }
.uc-container-advice__heading { font-size: clamp(1.75rem, 3vw, 2.75rem); line-height: 1.12; margin: 0 0 1rem; max-width: 14em; }
.uc-container-advice__text { margin: 0 0 1.75rem; line-height: 1.6; max-width: 34em; }
/* Scoped + appearance reset so the theme-wide `button { background:initial }`
 * preflight rule can never blank the button out. */
.uc-container-advice .uc-container-advice__button {
	-webkit-appearance: none; appearance: none;
	display: inline-block; background: #111; border: 0; color: #fff;
	cursor: pointer; font: inherit; font-weight: 700; line-height: 1;
	padding: 1.05rem 2.6rem; text-transform: uppercase; text-decoration: none;
	transition: background .2s ease, color .2s ease;
}
.uc-container-advice .uc-container-advice__button:hover { background: #000; }
.uc-container-advice .uc-container-advice__button--yellow { background: #e1ff2c; color: #111; }
.uc-container-advice .uc-container-advice__button--yellow:hover { background: #d4f320; }
.uc-container-advice .uc-container-advice__button--white { background: #fff; color: #111; }
.uc-container-advice .uc-container-advice__button--white:hover { background: #f0f0f0; }
.uc-container-advice .uc-container-advice__button--outline { background: transparent; color: #111; box-shadow: inset 0 0 0 2px #111; }
.uc-container-advice .uc-container-advice__button--outline:hover { background: #111; color: #fff; }
.uc-container-advice__image img { clip-path: polygon(48px 0,100% 0,100% calc(100% - 48px),calc(100% - 48px) 100%,0 100%,0 48px); display: block; height: auto; width: 100%; }
@media (min-width: 1024px) { .uc-container-advice__grid { grid-template-columns: 1fr 1fr; gap: 4rem; padding: 4rem 0; } }