.button { padding: var(--space-xs); background-color: var(--accent); border-radius: var(--radius-m); color: var(--base); font-weight: 600; transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;}.button:hover { background-color: var(--accent-dark); color: var(--base); transform: scale(1.08);}.filter__media-wrapper,.places__media-wrapper { position: relative; &[data-vegetarian="True"]::after { content: "🌱 Vege meni"; position: absolute; top: 12px; right: 12px; background: #2d7a2d; color: white; font-family: Nunito, sans-serif; font-size: var(--text-s); font-weight: 600; padding: 8px 10px; border-radius: var(--radius-m); box-shadow: 0 2px 5px rgba(0,0,0,.25); z-index: 2; white-space: nowrap; } &[data-discount-percentage]:not([data-discount-percentage=""])::before { content: attr(data-discount-percentage); position: absolute; top: 12px; left: 12px; background: radial-gradient(circle, #ff7800 0%, #994800 100%); color: var(--white); font-family: Nunito, sans-serif; font-size: var(--text-s); font-weight: 700; text-transform: uppercase; padding: 8px 10px; border-radius: var(--radius-m); border: 3px solid var(--primary); box-shadow: 0 2px 5px rgba(0,0,0,.25); z-index: 2; white-space: nowrap; }}.itinerary-singleday__day-photo-wrapper { position: relative;}.itinerary-singleday__day-photo-wrapper::after { content: "Photo of the Day"; position: absolute; top: 2.4rem; right: -4rem; width: 16rem; background: var(--accent); color: white; font-size: var(--text-xs); font-weight: 600; padding: 0.6rem 0; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-m); transform: rotate(45deg); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);} .brxe-container {width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} body {font-size: var(--text-m); color: var(--base); font-family: "Nunito"; font-weight: 400}