@charset "utf-8";

.plann-mini-fragment { display: flex; align-items: center; background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); text-decoration: none; justify-content: space-between; width: 100%; padding: 1rem; margin: 1rem 0px; border-radius: 8px; gap: 1rem; box-sizing: border-box; }

.plann-mini-fragment:hover .plann-mini-fragment__icon-button { background-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.plann-mini-fragment:hover .plann-mini-fragment__title { text-decoration: underline; }

.plann-mini-fragment:hover .plann-mini-fragment__description { text-decoration: none; }

.plann-mini-fragment__cta-label { text-decoration: underline; }

.plann-mini-fragment__icon-button { background-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); border-radius: 50%; min-width: 40px; min-height: 40px; display: flex; justify-content: center; align-items: center; }

.plann-mini-fragment__icon-button > svg { fill: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.plann-mini-fragment-link { text-decoration: unset; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.25rem 0px; gap: 1rem; box-sizing: border-box; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.plann-mini-fragment-link:hover { text-decoration: unset; }

.plann-mini-fragment-link:hover .plann-mini-fragment-link__info-wrapper, .plann-mini-fragment-link:hover .plann-mini-fragment-link__icon-button { display: block; }

.plann-mini-fragment-link:hover .plann-mini-fragment-link__title { text-decoration: underline; }

.plann-mini-fragment-link:hover .plann-mini-fragment-link__description { text-decoration: unset; }

.plann-mini-fragment-link svg { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }