Документация

<div class="doc-grid">
<a href="https://msch164-fmba.ru/about/dokumentacziya/uchreditelnyie-dokumentyi/" class="doc-button">
Учредительные документы
</a>
<a href="https://msch164-fmba.ru/about/dokumentacziya/uchetnaya-politika/" class="doc-button">
Учётная политика
</a>
<a href="https://msch164-fmba.ru/about/dokumentacziya/normativno-pravovaya-dokumentacziya/" class="doc-button">
Нормативно-правовая документация
</a>
<a href="https://msch164-fmba.ru/about/dokumentacziya/speczialnaya-oczenka-uslovij-truda/" class="doc-button">
Специальная оценка условий труда
</a>
</div>

<style>
.doc-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
max-width: 1000px;
margin: 20px auto;
padding: 0 15px;
}
.doc-button {
display: flex;
align-items: center;
justify-content: center;
background-color: #2c8c85;
color: #ffffff !important;
text-decoration: none !important;
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: 500;
text-align: center;
padding: 25px 15px;
border-radius: 10px;
transition: background-color 0.3s ease, transform 0.1s ease;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
min-height: 80px;
box-sizing: border-box;
}
.doc-button:hover {
background-color: #23706a;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
@media (max-width: 600px) {
.doc-grid { grid-template-columns: 1fr; gap: 10px; }
.doc-button { font-size: 16px; padding: 20px 15px; min-height: 70px; }
}
</style>