button

1.button {
2  position: absolute;
3  left: 100px;
4  top: 150px;
5}

1<a href="#" class="myButton">Search</a>
2
3.myButton {
4	background:linear-gradient(to bottom, #8ca0c2 5%, #476e9e 100%);
5	background-color:#8ca0c2;
6	border-radius:13px;
7	display:inline-block;
8	cursor:pointer;
9	color:#ffffff;
10	font-family:Times New Roman;
11	font-size:16px;
12	font-weight:bold;
13	padding:10px 15px;
14	text-decoration:none;
15	&:hover {
16	background:linear-gradient(to bottom, #476e9e 5%, #8ca0c2 100%);
17	background-color:#476e9e;
18}
19 &:active {
20	position:relative;
21	top:1px;
22}
23 }
24        

1    <androidx.appcompat.widget.AppCompatButton
2        android:text="ok"
3        android:id="@+id/appcompatbutton"
4        android:layout_width="wrap_content"
5        android:layout_height="wrap_content" 
6        android:layout_marginTop="150dp"/>

1<div data-aos="fade-up"><button class="buton">Prendre rendez-vous</button>
2</div>

1const button = document.querySelector('main button');
2const output = document.querySelector('main pre');
3
4button.addEventListener('click', function (e) {
5    console.log('button is clicked');
6    output.innerHTML += 'button is clicked<br>';
7});
8

1<androidx.appcompat.widget.AppCompatButton