.uk-icon-button .uk-icon {
  vertical-align: bottom;
}

.uk-icon-button.small {
  width: 26px;
  height: 26px;
}

.uk-icon-button.medium {
  width: 46px;
  height: 46px;
}

.uk-icon-button.large {
  width: 56px;
  height: 56px;
}

.uk-button-secondary.outlined:enabled{
  border-color: var(--theme-secondary-color);
  background-color: var(--contrast-color);
  color: var(--theme-secondary-color);
}

.uk-button-secondary.outlined:hover:enabled, .uk-button-secondary.outlined:focus:enabled, .uk-button-secondary.outlined:active:enabled{
  background-color: var(--theme-secondary-color);
  border-color: var(--theme-secondary-color);
  color: var(--contrast-color);
}

.uk-button-primary.outlined:enabled{
  border-color: var(--theme-primary-color);
  background-color: var(--contrast-color);
  color: var(--theme-primary-color);
}

.uk-button-primary.outlined:hover:enabled, .uk-button-primary.outlined:focus:enabled, .uk-button-primary.outlined:active:enabled {
  background-color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
  color: var(--contrast-color);
}