/* BUTTONS */

	button,
  .btn,
  .lnk {
		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-stacked {
    font-size: max(16px, min(1.45833333333333333333vw, 21px));
    font-family: "Source Sans Pro Bold", sans-serif;
    position: relative;
    color: var(--color);
    --clip-path: polygon(1% 5%, 97% 0%, 100% 100%, 0% 97%);
    --background-color: #394390;
    --shadow-color: #ffd92f;
    --color: #fff;
  }
  
  .btn-stacked-small {
    font-size: max(16px, min(1.11111111111111111111vw, 16px));
  }
  
  .btn-stacked.blue {
    --background-color: #394390;
    --shadow-color: #ffd92f;
    --color: #fff;
  }
  
  .btn-stacked.white {
    --background-color: #fff;
    --shadow-color: #ec3d80;
    --color: #ec3d80;
  }

  .btn-stacked span.wrap {
    display: block;
    position: relative;
    white-space: nowrap;
    padding: .65em 1.42857142857142857142em;
    padding-top: .55em;
  }
  
  .btn-stacked span.wrap span.label > span,
  .btn-stacked span.wrap span.icon > span {
    position: relative;
    z-index: 3;
  }
  
  .btn-stacked span.wrap::before,
  .btn-stacked span.wrap::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--background-color);
    z-index: 2;
    clip-path: var(--clip-path);
  }
  
  .btn-stacked span.wrap::after {
    z-index: 1;
    background: var(--shadow-color);
    transform: translate(-0.4em, 0.4em);
    pointer-events: none;
    transition: transform 250ms var(--ttf-2);
  }

  .btn-stacked:hover span.wrap::after {
    transform: translate(-0.2em, 0.2em);
  }

  
  
  
  
  
  
  
  
  
  
  .btn-social .wrap {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .btn-social span.icon {
    width: 1.33333333333333333333em;
    text-align: center;
    margin-right: .85714285714285714285em;
  }
  
  .btn-social svg {
    display: inline-block;
    max-width: 100%;
    height: auto;
  }
  
  .btn-social[data-icon="linkedin"] svg {
    transform: scale(0.8);
    width: 23px;
    height: auto;
  }
  
  .btn-social[data-icon="linkedin"] svg path {
    fill: #fff;
  }
  
  .btn-social[data-icon="tiktok"] svg {
    transform: scale(0.8);
    width: 23px;
    height: auto;
  }
  
  .btn-social .icon > span {
    vertical-align: middle;
  }