.btn-plain{--btn-color: var(--color-white);--btn-background: var(--color-black-text);display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--btn-background);border:none;border-radius:.5rem;cursor:pointer;color:var(--btn-color);font-family:var(--font-ptmono);white-space:nowrap}.btn-plain__white{--btn-color: var(--color-brand-1);--btn-background: var(--color-white)}.btn-plain__blue{--btn-background: var(--color-brand-1)}.btn-plain .a-svg{margin-bottom:.125em;margin-left:.25rem;color:var(--btn-color);transition:all .3s ease}.btn-plain__no-text .a-svg{margin:0}.btn-plain.t-text-xs .a-svg svg{width:.75rem;height:.75rem}.btn-plain.t-text-sm .a-svg svg{width:1rem;height:1rem}.btn-plain.t-text-md .a-svg svg{width:1.25rem;height:1.25rem}.btn-plain.t-text-lg .a-svg svg{width:1.5rem;height:1.5rem}.btn-plain:hover{color:var(--color-brand-2)}.btn-plain:hover .a-svg{transform:scale(1.5);color:var(--color-brand-2)}.btn-plain:hover .a-svg svg path{fill:var(--color-brand-2)}