/*
  this is a modifier of .prs-input
*/

.prs-file:is(.prs-input) {
  padding: 0;
  padding-right: 1rem;
  &::file-selector-button {
    appearance: none;
    margin-inline-end: .5rem;
    padding: .25rem 1rem;
    border-width: var(--prs-border-btn);
    border-style: solid;
    border-color: transparent;
    font-size: 1rem;
    font-style: normal;
    line-height: 1.375rem;
    background-color: var(--prs-c-primary);
    color: var(--prs-c-white);
    text-align: center;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    user-select: none;
    border-radius: inherit;
    transition-property: var(--prs-transition-property);
    transition-timing-function: var(--prs-transition-timing);
    transition-duration: var(--prs-transition-duration);
  }
  &:hover::file-selector-button,&:where(.prs-input_hover)::file-selector-button {
    background-color: var(--prs-c-primary-900);
  }
}