/**
* Block Name: buttons
*/

section.buttons .link_area {
  border: 1px solid var(--blau);
  border-radius: var(--border-radius);
  padding: 6px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  transition: background 300ms ease-in-out;
}

section.buttons .link_area:hover {
  background: rgba(2, 136, 209, 0.1);
  color: var(--schwarz);
}

section.buttons .link_area::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z' fill='%23161616'/%3E%3C/svg%3E");
  display: block;
  height: 24px;
  width: 24px;
}