Шаблон:RulesBox
.rules__block { position: relative; display: flex; justify-content: space-between; text-align: left; margin: 14px 2px; padding: 12px; background: #27272e; border-left: 4px solid #2B30BD; border-radius: 0.3em; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } .rules__block li { margin-bottom: 10px; } .rules__container {
} .rules__title { font-size: 1.3em; } .rules__title--addition { font-size: 1em; } .rules__content--addition, .rules__content { margin-top: 10px; } .rules__container--addition { position: absolute; top: 0; right: 0; width: 20%; padding: 12px; border-radius: 0.3em; background-color: #303038; border-left: 4px solid #494953; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .rules__container--addition:hover { background-color: #33333b; }
/* Адаптивные стили для мобильных устройств */ @media (max-width: 500px) { .rules__block { flex-direction: column; } .rules__container--addition { position: static; width: 90%; border-left: none; box-shadow: none; margin-top: 10px; } }