.elementor-7117 .elementor-element.elementor-element-83d220b{--display:flex;}.elementor-7117 .elementor-element.elementor-element-439d755{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7117 .elementor-element.elementor-element-439d755.elementor-element{--align-self:center;}/* Start custom CSS for shortcode, class: .elementor-element-439d755 */clock-buttons {
  text-align: center;
  margin-top: 20px;
}

.clock-buttons button {
  display: block;
  width: 90%;
  max-width: 300px;
  margin: 10px auto;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  color: white;
  cursor: pointer;
  transition: 0.3s ease;
}

.clock-in-btn {
  background-color: #FF6600;
}

.clock-in-btn:hover {
  background-color: #e65c00;
}

.clock-out-btn {
  background-color: #444;
}

.clock-out-btn:hover {
  background-color: #222;
}

.clock-message {
  text-align: center;
  color: green;
  font-weight: bold;
  margin-top: 15px;
}
</style>
```

Apre sa, mete bouton yo konsa nan HTML la pou l mache byen:

```php
<div class="clock-buttons">
  <button class="clock-in-btn">Clock In</button>
  <button class="clock-out-btn">Clock Out</button>
</div>
<div class="clock-message">...</div>/* End custom CSS */