.yoastcon-workshops{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:start!important;margin-bottom:72px}@media (max-width:56rem){.yoastcon-workshops{max-width:480px;margin:0 auto 28px}.yoastcon-workshops.grid{grid-template-columns:1fr}}.yoastcon-workshop{--radius:32px;--transition:200ms ease-in-out;position:relative;color:var(--font-white);z-index:1}@media (max-width:56rem){.yoastcon-workshop{margin-bottom:28px!important}}.yoastcon-workshop::before{display:block;content:"";position:absolute;top:125px;right:0;bottom:0;left:72px;border-radius:var(--radius);background:var(--background-gradient);z-index:-1}@media (min-width:56rem)and (max-width:1100px){.yoastcon-workshop::before{top:80px}}.yoastcon-workshop__expanded{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.yoastcon-workshop__expanded::before{left:0}.yoastcon-workshop__expanded .yoastcon-workshop__image img,.yoastcon-workshop__image img:hover{-webkit-filter:saturate(1.15) contrast(1.1);filter:saturate(1.15) contrast(1.1)}.yoastcon-workshop__expanded .yoastcon-workshop__data{padding-left:24px;margin-top:auto}.yoastcon-workshop__expanded .yoastcon-workshop__introduction{padding-left:24px}.yoastcon-workshop__image{display:block;padding:0 40px;margin-bottom:20px}.yoastcon-workshop__image img{display:block;border-radius:var(--radius);-o-object-fit:cover;object-fit:cover;-webkit-filter:saturate(.8);filter:saturate(.8);-webkit-transition:-webkit-filter var(--transition);-o-transition:filter var(--transition);transition:filter var(--transition);transition:filter var(--transition),-webkit-filter var(--transition)}.yoastcon-workshop__image img:hover{cursor:pointer}.yoastcon-workshop__introduction-wrapper{visibility:hidden;overflow:hidden;height:0;opacity:0;-webkit-transition:opacity var(--transition);-o-transition:opacity var(--transition);transition:opacity var(--transition)}.yoastcon-workshop__introduction-wrapper__visible{visibility:visible;overflow:auto;height:auto;opacity:1}.yoastcon-workshop__introduction{padding:0 24px 0 88px;margin-bottom:16px}.yoastcon-workshop__introduction.wp-block{display:block}.yoastcon-workshop__introduction p{margin-bottom:16px}.yoastcon-workshop__data{padding:0 24px 24px 96px;position:relative}.yoastcon-workshop__data p{font-weight:700;font-size:20px;padding-right:48px;margin-bottom:0}@media (max-width:30rem){.yoastcon-workshop__data p{line-height:1.2}}.yoastcon-workshop__data-button{display:block;width:48px;height:48px;border-radius:50%;position:absolute;right:8px;top:-5px;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23FFFFFF" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>') no-repeat center center;background-size:20px 20px;-webkit-transition:background-color var(--transition);-o-transition:background-color var(--transition);transition:background-color var(--transition)}.yoastcon-workshop__data-button:active,.yoastcon-workshop__data-button:hover{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23FFFFFF" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>') rgba(0,0,0,.2) no-repeat center center;background-size:20px 20px;top:-5px}.yoastcon-workshop__data-button:focus{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23FFFFFF" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>') no-repeat center center;background-size:20px 20px}.yoastcon-workshop__data-button:focus:hover{background-color:var(--rgba-black-2)}.yoastcon-workshop__data-button.clicked{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23FFFFFF" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7" /></svg>') rgba(0,0,0,.1) no-repeat center center;background-size:20px 20px}