@layer components{.coc-learn-more-card{padding:var(--learn-more-card-padding,2.5rem);color:var(--learn-more-card-color,#333);background:var(--learn-more-card-background,color-mix(in srgb, var(--theme-primary-color) 20%, white));border-radius:var(--global-border-radius,0);max-width:var(--learn-more-card-max-width,425px);justify-content:space-between;gap:var(--learn-more-card-gap,1.5rem);flex-direction:column;display:flex;position:relative}.coc-learn-more-card.coc-learn-more-card--expanded{justify-content:start}.coc-learn-more-card__header{font-size:var(--learn-more-card-header-font-size,1.75rem);font-weight:700}.coc-learn-more-card__body{opacity:0;pointer-events:none;transition:opacity .6s ease-in-out}.coc-learn-more-card--expanded{opacity:1;pointer-events:auto}.coc-learn-more-card__body p:last-child{margin-block-end:0}.coc-learn-more-card__body>ul,.coc-learn-more-card__body>ol{list-style-type:var(--learn-more-card-list-style-type,disc);margin-inline-start:0}.coc-learn-more-card__button{color:inherit;cursor:pointer;text-align:end;align-self:end;align-items:center;transition:opacity .1s ease-out;display:flex}.coc-learn-more-card__button--hidden{pointer-events:none;opacity:0;display:none}.coc-learn-more-card__button__icon{margin-inline-start:.5rem}@media (max-width:899px){.coc-learn-more-card{max-width:none}}}