// Atajos

@mixin atajos-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {

  color: $heading-text-color;
  background-color: $heading-bg-color;
  border-color: $border;

  .atajo-description{
    color: lighten($heading-text-color,25%);
  }

  &:hover{

    color: darken($heading-text-color,10%);
    background-color: darken($heading-bg-color,5%);
    border-color: darken($border,20%);

    .atajo-description{
      color: darken($heading-text-color,15%);
    }
  }

}