$primary-background: #D9F8FF;
$standard-background: #FFF;
$border-color: #D4CFCF;

:host {
    display: inline-block;
    box-sizing: border-box;

    font-size: 13px;
    line-height: 15px;
    
    padding: 5px 15px;

    border: 1px solid $border-color;
    background-color: $standard-background;
    border-radius: 14px;
    
    &.active {
        background-color: $primary-background;
        border-color: $primary-background;
    }
}