/*
 * Bloom: botões principais sólidos no azul muito escuro da marca (#111528).
 * Aplica-se a .btn-primary e .btn-blue. Os outros botões usam o estilo de cada página.
 * Incluir depois do <style> da página:  <link rel="stylesheet" href="assets/buttons.css">
 */
.btn-primary,
.btn-blue{
  background: #111528;
  color: #fff;
  border: 1px solid #111528;
  transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
}
.btn-primary:hover,
.btn-blue:hover{ background: #262B45; border-color: #262B45; color: #fff; }
.btn-primary:active,
.btn-blue:active{ transform: translateY(1px); }
.btn-primary:focus-visible,
.btn-blue:focus-visible{ outline: 2px solid #111528; outline-offset: 3px; }