/*
 * Icon theme
 *
 */

.dnb-icon {
  --icon-border-positioning: var(--icon-border-positioning--default, -25%);

  &--border {
    position: relative;
    vertical-align: baseline;

    &::after {
      content: '';
      position: absolute;
      left: var(--icon-border-positioning);
      right: var(--icon-border-positioning);
      top: var(--icon-border-positioning);
      bottom: var(--icon-border-positioning);

      margin: auto;
      border-radius: 50%;
      border: 0.0875rem solid; // use 1.4px instead of 1.5 so webkit is rounding down
      border-color: currentcolor;
    }
  }
}