button, .btn, .lnk {
    
  	font-family: var(--base-font-1-demi);
    font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
    --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
    --scale-breakpoint: 1440;
    
		margin: 0;
		border: 0;
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		background: transparent;
		display: inline-block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
	}
	
  .btn span.label,
  .lnk span.label {
    line-height: inherit;
  }
  
  
  
  
	.btn-a {
    
    --font-size: 22;
    --min-font-size: 1rem;
    --max-font-size: 1.375rem;
    
		text-transform: uppercase;
    color: var(--color, var(--base-color-white));
    background: var(--background-color, var(--base-color-purple));
    padding: .36363636363636363636em;
    line-height: .81818181818181818181;
    letter-spacing: 0.03em;
    box-sizing: border-box;
    
	}
  
  body.view-b2b .btn-a {
    color: var(--color, var(--base-color-black));
    background: var(--background-color, var(--base-color-green));
  }
  
  .btn-a.green {
    color: var(--base-color-black);
    background: var(--base-color-green);
  }
  
  body.view-b2b .btn-a.purple,
  .btn-a.purple {
    color: var(--base-color-white);
    background: var(--base-color-purple);
  }


	.btn-a.small {
    
    --font-size: 18;
    --min-font-size: 1rem;
    --max-font-size: 1.125rem;
    
    padding: .55555555555555555555em;
    
	}
  
  .btn-a.full-width {
    width: 100%;
  }










  .lnk-a {
    
    font-family: var(--base-font-1-regular);
    --font-size: 14;
    --min-font-size: .875rem;
    --max-font-size: .875rem;
    
  }









  .lnk-b, .lnk-c {
    
    font-family: var(--base-font-1-regular);
    --font-size: 16;
    --min-font-size: 1rem;
    --max-font-size: 1rem;
    
  }
  
  .lnk-b {
    line-height: 1.4;
  }
  
  .lnk-c {
    
    font-family: var(--base-font-1-demi);
    --font-size: 22;
    --min-font-size: 1rem;
    --max-font-size: 1.375rem;
    
    letter-spacing: 0.03em;
    line-height: 1.27272727272727272727;
    text-transform: uppercase;
    color: var(--base-color-purple);
    
  }
  
  body.view-b2b .lnk-c {
    color: var(--base-color-yellow);
  }
  
  .module[data-background-color="purple"] .lnk-c {
    color: var(--base-color-white);
  }

  
  .btn-a span.wrap,
  .lnk-b span.wrap,
  .lnk-c span.wrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
  }
  
  .btn-a[data-icon-position="right"] span.icon,
  .lnk-b[data-icon-position="right"] span.icon,
  .lnk-c[data-icon-position="right"] span.icon {
    margin: 0 0 0 .5em;
  }
  
  .btn-a svg,
  .lnk-b svg,
  .lnk-c svg {
    display: block;
    height: auto;
    width: max(var(--icon-width-px), calc(var(--icon-width) * var(--px)));
  }
  
  .btn-a[data-icon="arrow-right-bold"] svg,
  .lnk-c[data-icon="arrow-right-bold"] svg {
    width: max(19px, calc(19 * var(--px)));
  }
  
  .btn-a[data-icon="arrow-right-bold"][target="_blank"] svg,
  .lnk-c[data-icon="arrow-right-bold"][target="_blank"] svg {
    transform: rotate(-45deg);
  }
  
  .btn-a svg path,
  .lnk-b svg path,
  .lnk-c svg path {
    fill: currentColor;
  }