Good day. There was a problem with the background of the button. Only the color and width of the frame around it changes. Tell me, please, what is wrong with the code.

.but { margin-right: auto; width: 190px; height: 70px; background: #CC00CC; border-color: #CCCC00; font-size: 44px; font-weight: bold; font-style: italic; text-align: center; cursor: pointer; padding: 13px 0px; color: #FFFFFF; border: outset; 1px #73CFF0; } 
 <div class="but"> <input type="button" value="Каталог услуг"> </input> </div>

    2 answers 2

    If understood correctly, it should be like this:

     .but input { margin-right: auto; width: 190px; height: 70px; background: #CC00CC; border-color: #CCCC00; font-size: 44px; font-weight: bold; font-style: italic; text-align: center; cursor: pointer; padding: 13px 0px; color: #FFFFFF; border: outset 1px #73CFF0; }
    • Thank you very much! Everything worked out! - Zero

     .but, .but input { margin-right: auto; width: 190px; height: 70px; background: #CC00CC; border-color: #CCCC00; font-size: 44px; font-weight: bold; font-style: italic; text-align: center; cursor: pointer; padding: 13px 0px; color: #FFFFFF; border: outset 1px #73CFF0; } 
     <div class="but"> <input type="button" value="Каталог услуг"> </input> </div>

    • only for some reason now the button is located in the center, and not at the edge, as it should ( - Zero