_auk-brand.scss

@use "settings";

/* ==========================================================================
  auk-brand
   ========================================================================== */

.auk-brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  top: 0;
}
  
.auk-brand--link {
  &:focus {
    outline: none;
  }
}
  
.auk-brand__logo {
  position: relative;
  width: 4.9rem;
  height: 4.9rem;
  padding-left: .75rem;
  overflow: hidden;
  background-color: settings.$color-brand;

  svg {
    height: 100%;
    width: 56%;
  }
  
  &::before {
    content: "";
    display: block;
    position: absolute;
    right: -.1rem;
    bottom: -.3rem;
    border-top: 9rem solid #FFF;
    border-left: 3.07818rem solid
    transparent;
  }
  
  /* Gray border
  &::after {
    content: "";
    top: -.2rem;
    right: 17%;
    transform: rotate(-19deg);
    width: .1rem;
    height: calc(100% + .4rem);
    background-color: $gray-300;
    display: block;
    position: absolute;
  }*/
}
  
.auk-brand__logotype {
  font-size: 2.1rem;
  line-height: 1;
  position: relative;
  font-weight: 500;
  color: settings.$color-gray-1000;
  margin-left: .6rem;
  transition: color 125ms cubic-bezier(.19,1,.22,1);
}