.tips{display:grid;gap:20px}.tips__link{display:flex;flex-direction:column;background:var(--color-white);padding:24px 24px 32px;box-shadow:var(--shadow-small);text-decoration:none;transition:background-color var(--t),color var(--t);color:var(--color-text)}.tips__icons{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.tips__ico{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.tips__ico .icon-svg{max-width:48px;max-height:48px;transition:fill var(--t)}.tips__ico--bg{width:72px;height:72px;border-radius:20px;background-color:var(--color-grey-scale-100);transition:background-color var(--t)}.tips__ico--bg .icon-svg{max-width:48px;max-height:48px}.tips__title{display:block;margin-bottom:12px;font-weight:700}@media(min-width:750px){.tips{grid-template-columns:repeat(2,1fr)}}@media(min-width:999px){.tips{grid-template-columns:repeat(3,1fr)}.tips__ico{width:56px;height:56px}.tips__ico .icon-svg{max-width:56px;max-height:56px}.tips__ico--bg{width:80px;height:80px}.tips__ico--bg .icon-svg{max-width:52px;max-height:52px}}@media(min-width:1200px){.tips{gap:24px}.tips__link{padding:32px 32px 40px}}@media(hover:hover){.tips__link:hover{background-color:var(--color-primary);color:var(--color-white)}.tips__link:hover .icon-svg{fill:var(--color-white)}.tips__link:hover .tips__ico--bg{background-color:var(--color-system-error)}}