.bricks-button {
  transition: var(--transition-02);

  &.md {
    padding: 1rem 2rem;
    font-size: var(--fs-body-m);
    line-height: var(--lh-body-m);

    &:hover {
     
    }

    &:active {
      
    }
  }


}

.bricks-background-primary {
  background-color: var(--color-primary);
  color: #fff;

  &:hover {
  
  }

  &:active {

  }

  &.btn-light {
    background-color: white;
    color: var(--color-primary);

    &:hover {
     
    }

    &:active {
     
    }
  }
}

.bricks-background-secondary {
  background-color: transparent;
  color: var(--color-primary) !important;

  &:active {
  }

  &.btn-light {
    color: white !important;
    border-color: white;

  }
}