/* Shared semantic card icon system. */
.icon.icon-svg{display:grid;width:48px;height:48px;place-items:center;flex:0 0 48px;border:1px solid #f2cfda;border-radius:15px;background:linear-gradient(145deg,#fff4f7,#ffe7ee);color:#cf3563;box-shadow:0 8px 20px rgba(177,45,87,.1);font-size:0}
.icon.icon-svg svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.content-card:hover .icon.icon-svg,.benefit:hover .icon.icon-svg{border-color:#e89db4;background:#e84873;color:#fff;box-shadow:0 10px 24px rgba(188,47,91,.2)}
@media(max-width:560px){.icon.icon-svg{width:44px;height:44px;flex-basis:44px;border-radius:14px}.icon.icon-svg svg{width:21px;height:21px}}