.type{
    height: calc(var(--h-block)*0.75);
    // border-radius: calc(var(--h-block)*0.75/2);
    border-radius: var(--radius-small);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1ch;
    padding-top: 3px;

    font-size: var(--fs-xsmall);
    line-height: 1;
    font-weight: 500;

    background-color: var(--color-txt);
    color: var(--color-bg);

    overflow: hidden;
    white-space: nowrap;

}



.category{
        height: calc(var(--h-block)*0.75);
    border-radius: var(--radius-small);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1ch;
    padding-top: 3px;

    font-size: var(--fs-xsmall);
    line-height: 1;
    font-weight: 500;

    border: var(--border-medium);
     background-color: var(--color-bg);
    color: var(--color-txt-light);

    overflow: hidden;
    white-space: nowrap;
}

.page__category{
    
    height: calc(var(--h-block)*1);
    border-radius: var(--radius-small);
    border: var(--border-medium);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.5ch;
    padding-top: 5px;

    font-size: var(--fs-small);

    background-color: var(--color-bg);
    color: var(--color-txt-light);
    font-weight: 500;

    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;

      @media #{$small} {
          height: calc(var(--h-block)*0.75);
       font-size: var(--fs-xsmall);
           padding: 0 1ch;
             padding-top: 3px;

    }

}


.page__type{
    
    height: calc(var(--h-block)*1);
    border-radius: var(--radius-small);
    margin-left: calc(var(--padding-inner)*0.25);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.5ch;
    padding-top: 5px;

    font-size: var(--fs-small);

    background-color: var(--color-txt);
    color: var(--color-bg);
    font-weight: 500;

    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;

      @media #{$small} {
          height: calc(var(--h-block)*0.75);
       font-size: var(--fs-xsmall);
           padding: 0 1ch;
             padding-top: 3px;

    }
}