
.mt-context-button {
&.is--open .mt-context-button__button {
    border-color: var(--color-border-primary-default);
}
& .mt-context-button__button {
    position: relative;
    color: var(--color-icon-primary-default);
    background: 0 none;
    border: 1px solid transparent;
    border-radius: var(--border-radius-xs);
    cursor: pointer;
    height: var(--scale-size-24);
    line-height: 20px;
    padding: 0 var(--scale-size-8);
    outline: none;
    font-family: var(--font-family-body);
&:hover {
      border-color: var(--color-border-primary-default);
}
}
}
