.vtmn-link{
  font-family:'Roboto', 'system-ui', '-apple-system', sans-serif;
  font-weight:700;
  color:hsl(200, 100%, 30.8%);
  font-size:1rem;
  text-decoration:underline;
  transition:box-shadow 200ms ease-out;
}

.vtmn-link--standalone{
  text-decoration:none;
}

.vtmn-link:hover{
  color:hsla(200, 100%, calc(36.9% * 0.85), 1);
  text-decoration:underline;
}

.vtmn-link--standalone:hover{
  color:hsla(200, 100%, calc(36.9% * 0.85), 1);
  text-decoration:underline;
}

.vtmn-link:active{
  color:hsla(200, 100%, calc(36.9% * 0.7), 1);
  text-decoration:underline;
}

.vtmn-link--standalone:active{
  color:hsla(200, 100%, calc(36.9% * 0.7), 1);
  text-decoration:underline;
}

.vtmn-link:visited{
  color:hsl(295, 17.5%, 37.1%);
  text-decoration:none;
}

.vtmn-link--standalone:visited{
  color:hsl(295, 17.5%, 37.1%);
  text-decoration:none;
}

.vtmn-link:focus-visible{
  outline:none;
  box-shadow:0 0 0 0.25rem hsl(210, 14.3%, 94.5%), 0 0 0 0.375rem hsl(200, 100%, 4.7%);
}

.vtmn-link--icon-along::after{
  content:'';
  -webkit-mask:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 7.333V2H8.667v1.333h3.056L6.53 8.53l.942.942 5.196-5.196v3.058H14zm-7.333-2V4h-4A.667.667 0 0 0 2 4.667v8.666c0 .368.298.667.667.667h8.666a.667.667 0 0 0 .667-.667v-4h-1.333v3.334H3.333V5.333h3.334z' /%3E%3C/svg%3E");
          mask:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 7.333V2H8.667v1.333h3.056L6.53 8.53l.942.942 5.196-5.196v3.058H14zm-7.333-2V4h-4A.667.667 0 0 0 2 4.667v8.666c0 .368.298.667.667.667h8.666a.667.667 0 0 0 .667-.667v-4h-1.333v3.334H3.333V5.333h3.334z' /%3E%3C/svg%3E");
  -webkit-mask-size:cover;
          mask-size:cover;
  inline-size:0.875rem;
  block-size:0.875rem;
  position:relative;
  display:inline-block;
  inset-inline-start:0.3125rem;
  -webkit-margin-end:0.375rem;
          margin-inline-end:0.375rem;
  background-color:hsl(200, 100%, 30.8%);
}

.vtmn-link--icon-along:hover::after{
  background-color:hsla(200, 100%, calc(36.9% * 0.85), 1);
}

.vtmn-link--icon-along:active::after{
  background-color:hsla(200, 100%, calc(36.9% * 0.7), 1);
}

.vtmn-link--icon-along:visited::after{
  background-color:hsl(295, 17.5%, 37.1%);
}

.vtmn-link_size--small{
  font-size:0.875rem;
}

.vtmn-link_size--medium{
  font-size:1rem;
}

.vtmn-link_size--large{
  font-size:1.125rem;
}

.vtmn-link--reversed{
  color:hsl(0, 0%, 100%);
}

.vtmn-link--reversed:hover{
  color:hsl(
    210,
    14.3%,
    97.3%
  );
}

.vtmn-link--reversed:active{
  color:hsl(
    210,
    14.3%,
    94.5%
  );
}

.vtmn-link--reversed:visited{
  color:hsl(295, 17.5%, 62%);
}

.vtmn-link--reversed::after{
  background-color:hsl(0, 0%, 100%);
}

.vtmn-link--reversed:hover::after{
  background-color:hsl(
    210,
    14.3%,
    97.3%
  );
}

.vtmn-link--reversed:active::after{
  background-color:hsl(
    210,
    14.3%,
    94.5%
  );
}

.vtmn-link--reversed:visited::after{
  background-color:hsl(295, 17.5%, 62%);
}

.vtmn-link--reversed:focus-visible{
  outline:none;
  box-shadow:0 0 0 0.25rem hsl(200, 100%, 4.7%), 0 0 0 0.375rem hsl(210, 14.3%, 94.5%);
}