{% set base = '131315' %}
{% set primary = '#004D7A' %}
{% set secondary = '#131315' %}
{% set tertiary = '' %}
{% set quaternary = '' %}
{% set dark = '#F3F6F8' %}
{% set light = '#131315' %}
{% set background-light = '' %}
{% set background-dark = '' %}

.bee-btn { display: flex; width: max-content; }
.bee-btn__icon {}
.bee-btn__icon svg { height: inherit;}
.bee-btn__icon .bee-btn__icon__image {}

/* Position */
.bee-btn__position-front .bee-btn__icon { order: 1; margin-right: 10px }
.bee-btn__position-front .bee-btn__label { order: 2; }
.bee-btn__position-back .bee-btn__icon { order:2 ; margin-left: 10px; }
.bee-btn__position-back .bee-btn__label { order: 1; }

/* Size */
.bee-btn__size-s { font-size: .875rem; padding: .5rem .625rem; }
.bee-btn__size-s svg { height: .875rem; }
.bee-btn__size-s img { height: .875rem !important; width: auto; }
.bee-btn__size-m { font-size: 1rem; padding: 5px 20px; }
.bee-btn__size-m svg { height: 1rem; }
.bee-btn__size-m img { height: 1rem !important; width: auto; }
.bee-btn__size-l { font-size: 1.25rem; padding: .9375rem 1.875rem; }
.bee-btn__size-l svg { height: 1.25rem; }
.bee-btn__size-l img { height: 15px !important; width: auto; }

a.bee-btn-outline__primary:hover {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  transition: none;
  color: #fff !important;
}

a.bee-btn-outline__primary:hover span {
  color: #fff !important;
}