/***** Variables *****/
/* Colors */
/*$link-red: #990404;*/
/* Category colors */
/* Fonts */
/* Ads */
/***** /Variables *****/
/**** Functions ****/
/***** /Funcitons *****/
/**** Mixins ****/
/* https://css-tricks.com/snippets/css/fluid-typography/ */
.Embed.ArticleLink {
  background-color: #F1290F;
  color: white;
  width: 100%;
  border-radius: 2px;
  margin-bottom: 1em;
  margin-top: 1em; }
  .Embed.ArticleLink a {
    display: flex; }
  .Embed.ArticleLink .Header {
    align-self: center;
    margin: 1.5rem 1rem; }
    .Embed.ArticleLink .Header {
      font-size: 12px;
      /*@media screen and (min-width: $mobileMaxWidth) {
                font-size: $max-px-size-mobile;
            }*/ }
      @media screen and (min-width: 280px) {
        .Embed.ArticleLink .Header {
          font-size: calc(12px + 4 * ((100vw - 280px) / 219)); } }
      @media screen and (min-width: 500px) {
        .Embed.ArticleLink .Header {
          font-size: calc(16px + 4 * ((100vw - 500px) / 520)); } }
      @media screen and (min-width: 1020px) {
        .Embed.ArticleLink .Header {
          font-size: 20px; } }
  .Embed.ArticleLink .Header .Pre {
    font-weight: 600; }
  .Embed.ArticleLink .ExpandVerticallyImg {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  .Embed.ArticleLink .ImageWrapper {
    width: 60px;
    /*@media screen and (min-width: $mobileMaxWidth) {
                font-size: $max-px-size-mobile;
            }*/ }
    @media screen and (min-width: 280px) {
      .Embed.ArticleLink .ImageWrapper {
        width: calc(60px + 20 * ((100vw - 280px) / 219)); } }
    @media screen and (min-width: 500px) {
      .Embed.ArticleLink .ImageWrapper {
        width: calc(80px + 40 * ((100vw - 500px) / 520)); } }
    @media screen and (min-width: 1020px) {
      .Embed.ArticleLink .ImageWrapper {
        width: 120px; } }