Aktualności

PRZEJDŹ DO WYPRZEDAŻY Wyprzedaż! Sprawdź produkty w obniżonych cenach i zoptymalizuj koszty zaopatrzenia w swojej firmie.

.blog-promo-container-flash { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 60px 0; text-align: center; background: transparent; border: none; } .btn-shine { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #669999; border-radius: 50px; width: 340px; height: 75px; margin-bottom: 30px; /* Odstęp od tekstu poniżej */ /* PROFESJONALNY CIEŃ */ box-shadow: 0 5px 20px rgba(102, 153, 153, 0.25); transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; } /* SUBTELNY EFEKT NA NAJAZD */ .btn-shine:hover { background-color: #000000; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); } /* EFEKT BŁYSKU */ .btn-shine::before { content: ''; position: absolute; top: -50%; left: -150%; width: 100%; height: 200%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine-sweep 6s infinite; } @keyframes shine-sweep { 0% { left: -150%; } 20% { left: 150%; } 100% { left: 150%; } } .blog-promo-text-flash { font-family: 'Tahoma', sans-serif; max-width: 650px; margin-top: 0; } @media (max-width: 1230px) { .btn-shine { font-size: 16px !important; width: 280px !important; height: 65px !important; } .blog-promo-text-flash strong { font-size: 22px !important; } .blog-promo-text-flash span { font-size: 17px !important; } }