.mini-hero{--video-toggle-inset: 10px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;box-sizing:border-box;padding:10px;overflow:hidden;border-radius:var(--image-border-radius, 10px)}.mini-hero-card{position:relative;z-index:1;box-sizing:border-box;width:var(--mini-hero-card-width-m, 100%);display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:12px;border-radius:10px;color:#fff;background:var(--color-glass-background);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.mini-hero-title{margin:0}.mini-hero-badge{font-family:var(--p4-font-family);font-size:var(--p4-font-size);font-weight:400;letter-spacing:0;line-height:var(--p4-line-height);align-self:flex-start;padding:4px 6px;border-radius:4px;background-color:#cce1f5;color:#000;line-height:1.1;white-space:nowrap}.mini-hero-badge+.mini-hero-title{margin-top:8px;margin-bottom:auto}.mini-hero-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}.mini-hero-text{flex:1 1 240px;min-width:0}.mini-hero-text>*{margin:0}.mini-hero-footer>.button{flex:0 0 auto}.mini-hero-cta-icon{display:none}@media only screen and (max-width: 768px){.mini-hero-compact-cta-m .mini-hero-cta-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mini-hero-compact-cta-m .mini-hero-cta-icon{display:flex;align-items:center;justify-content:center}.mini-hero-compact-cta-m .mini-hero-footer>.button{width:36px;min-width:36px;height:30px;padding:0;align-items:center;justify-content:center}.mini-hero-compact-cta-m .icon-plus{width:8px;height:8px}}@media only screen and (min-width: 769px){.mini-hero{--video-toggle-inset: 15px;padding:15px;border-radius:var(--image-border-radius-desktop, var(--image-border-radius, 12px))}.mini-hero-card{width:var(--mini-hero-card-width-d, 100%);min-height:var(--mini-hero-card-min-height-d, auto);gap:17px}.mini-hero-badge+.mini-hero-title{margin-top:-5px}.mini-hero-footer{gap:17px}}@media only screen and (max-width: 768px){.mini-hero.mini-hero-refer{padding:10px 10px 17px}.mini-hero.mini-hero-refer .mini-hero-card{min-height:194px}.mini-hero.mini-hero-refer .mini-hero-footer{row-gap:5px}.mini-hero.mini-hero-refer .mini-hero-footer>.button{line-height:17px}}@media only screen and (min-width: 769px){.mini-hero.mini-hero-refer{padding:26px}.mini-hero.mini-hero-refer .mini-hero-card{width:307px;min-height:282px}.mini-hero.mini-hero-refer .mini-hero-footer>.button{font-size:16px;line-height:16px;letter-spacing:.16px}}