[data-component-id="amtega_user:link_button"] a {
  --background-color: #fff;
  --background-color--hover: var(--xunta-blue);
  --border-color: var(--xunta-blue-secondary);
  --border-color--hover: var(--xunta-blue);
  --color: var(--xunta-blue-secondary);
  --color--hover: #fff;
  --transition: all 0.3s ease;
  align-items: center;
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  box-sizing: border-box;
  color: var(--color);
  display: flex;
  justify-content: center;
  padding: 20px 20px 15px 20px;
  text-decoration: none;
  transition: var(--transition);
  width: 100%;
}
[data-component-id="amtega_user:link_button"] a:hover,
[data-component-id="amtega_user:link_button"] a:focus,
[data-component-id="amtega_user:link_button"] a:active {
  background-color: var(--background-color--hover);
  border-color: var(--border-color--hover);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  color: var(--color--hover);
}
[data-component-id="amtega_user:link_button"] a svg {
  height: 20px;
  margin-right: 8px;
  width: auto;
}
[data-component-id="amtega_user:link_button"] a svg path {
  transition: var(--transition);
}
[data-component-id="amtega_user:link_button"] a:hover svg path,
[data-component-id="amtega_user:link_button"] a:focus svg path,
[data-component-id="amtega_user:link_button"] a:active svg path {
  fill: var(--color--hover);
}