#resources{ width: 100%; font-family: "Facit"; font-weight: 400; color: #3A3A3A; sib-resource { background-color: #F0F3F6; .sib-resource { font-family: "Facit"; .red-button { background-color: #C4262E; } .black-button { background-color: #3A3A3A; margin-left: 10%; } .lnk-newresource { margin-top: 30px; margin-right: 70px; } .resources sib-form::before { font-family: "RefrigeratorDelxW01Bold"; } #listresources { .lnk-newkeyword .button { font-size: 1.2rem; width: max-content; height: max-content; padding: 10px 30px; color: #063B5C; } sib-display sib-display { [name="name"] { font-family: "RefrigeratorDelxW01Bold"; } [name="link"] a { padding-left: 35px; position: relative; &::before { position: absolute; left: 0; } } } } .resource-tag { font-family: Facilt; font-weight: 600; } } } @media (max-width: 991px) { .sib-resource { margin-top: 65px; } } } .with-sidebar nav > solid-router > ul [name="circle-resources"]{ li::before { content: ''; height: 40px; width: 40px; mask: url('/images/file.svg') center no-repeat; mask-size: contain; -webkit-mask: url('/images/file.svg') center no-repeat; -webkit-mask-size: contain; background-color: var(--color-right-menu-text); } &[active] li::before { background-color: var(--color-right-menu-active-text); } }