body {
font-family: "Times New Roman", Times, serif;
} 
.textalanı {
width: 100%;
height: 100px;
margin-bottom: 10px;
font-family: "Times New Roman", Times, serif;
}
.my_button  button {
margin-top: 10px;
display: block;
position: relative;
background-color: blue;
color: black;
border: none ;
padding: 10px 20px;
cursor: pointer;
font-family: "Times New Roman", Times, serif;
}
.my_button button::after {
content: attr(data-instruction-tr);
position: absolute;
left: 0 ; top: calc(100% + 5px; background-color: #0004ff;
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
display: none;
white-space: nowrap;
}
.my_button button:hover::after {
display: block;
}
.button-container {
display: flex;
}
.button-container button {
margin-right: 10px; }
.toggleButton:hover,
button:hover {
background-color: #007bff;
color: #ffffff;
}
.toggleButton {
font-family: "Times New Roman", Times, serif;
background-color: #f8f9fa;
border: 1px solid #dee2e6;
padding: 5px 10px;
margin-bottom: 10px;
}
#toggleLanguage:hover {
background-color: #007bff;
color: #ffffff;
}
.button-container {
margin-top: 10px;
margin-bottom: 10px;
}
#button-container .myButton {
margin-top: 10px;
display: block;
position: relative;
background-color: blue;
color: white;
border: none;
padding: 10px 20px;
cursor: pointer;
font-family: "Times New Roman", Times, serif;
}
#button-container .myButton:hover {
background-color: #007bff;
color: #ffffff;
}