.PriceCard { width: 100%; & > .padding { gap: 1rem; padding: var(--padding-default); } & > .bg-blue { background: var(--color-blue); } & > .bg-white { background: var(--color-white); } & .wrapper { display: flex; flex-direction: row; width: 100%; gap: 1rem; justify-content: space-between; & > * { flex-basis: 30%; flex-grow: 1; } & > .info { align-items: center; & > .icon { color: var(--color-blue-light); font-size: 2rem; padding: .2rem; } & > .price { font-size: 1.2rem; } & > .pro { font-size: .8rem; font-weight: bold; color: var(--color-main-light); } } } }