Шаблон:Кнопка игровая/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;
    text-decoration: none;
}

/* Убираем стандартное свечение и рамки браузера при клике/фокусе */
a:focus .mw-custom-game-button,
a:active .mw-custom-game-button,
.mw-custom-game-button:focus {
    outline: none;
    box-shadow: none;
}

/* Переопределяем цвета для ссылок-кнопок, чтобы они не становились фиолетовыми */
a:visited .mw-custom-game-button,
a:link .mw-custom-game-button,
a .mw-custom-game-button {
    color: #ffffff !important;
}