<link href="https://fonts.googleapis.com/css?family=Bree+Serif&display=swap" rel="stylesheet">
<style type="text/css">
    p{
        font-family: 'Bree Serif', serif;
        font-size: 20px;
        color: blue;
    }
    input{
        border: 2px inset black;
        background-color: silver;
        font-family: 'Bree Serif', serif;
        font-size: 15px;
        border-radius: 50px;
        text-align: center;
    }
    input#button{
        border: 3px outset blue;
        background-color: silver;
        font-family: 'Bree Serif', serif;
        transition-duration: 0.5s;
        font-size: 15px;
    }
    input#button:hover{
        border: 3px outset blue;
        background: linear-gradient(to bottom, #33ccff 0%, #ff3399 100%);
        font-family: 'Bree Serif', serif;
        font-size: 17px;
    }
</style>

<form id="studi3" name="studi3" method="post" action="hasil3.php">
    <p>Masukan Angka : <input type="text" name="angka" id="angka" size="20" autocomplete="off" required=""></p>
    <input type="submit" name="button" id="button" value="Cek">
</form>