Шаблон:Кнопка игровая/styles.css: различия между версиями

.mw-custom-game-button {
    display: inline-block;
    background-color: #3b4259;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    padding: 6px 20px;
    text-decoration: none;
    
    /* Срезаем только уголки, оставляя ровную форму блока */
    clip-path: polygon(
        0% 0%,                 /* Левый верхний (прямой) */
        calc(100% - 10px) 0%,  /* Начало скоса правого верхнего */
        100% 10px,             /* Конец скоса правого верхнего */
        100% 100%,             /* Правый нижний (прямой) */
        10px 100%,             /* Начало скоса левого нижнего */
        0% calc(100% - 10px)   /* Конец скоса левого нижнего */
    );
    
    transition: background-color 0.2s ease;
}

.mw-custom-game-button:hover {
    background-color: #4c5573;
    color: #ffffff;
}