b, strong { font-weight: bold; } .bricks-button.sm { font-size: var(--text-s); padding: .1em 1em; } .btn--white.btn--outline:hover { color: var(--white); } .filter-reset.bricks-button.sm, .filter-active { font-size: var(--text-xs); } .featured-card { position: relative; overflow: hidden; background-color: var(--white); border-color: var(--primary); } .featured-card::before { content: 'Featured'; position: absolute; z-index: 1; top: 30px;  right: -50px;  transform: rotate(45deg); padding: 0.2em; width: 200px; text-align: center; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; background-color: var(--secondary, #13b76b); color: var(--white, #ffffff); font-size: var(--text-s, 14px); box-shadow: 0 5px 10px var(--shade-trans-10, rgba(0, 0, 0, 0.04)); } .featured-card--get-featured::before { content: 'Get Featured!'; top: 40px;  right: -48px;  font-size: var(--text-xs, 13px); letter-spacing: 0.02em; } @media ( max-width: 600px ) { .featured-card::before { font-size: var(--text-xs, 13px); padding: 0.1em; } }