.landing-news-button{
  text-align: right;
  a{
    color: $themePrimary;
    transition: all .3s ease-in;
    padding-right: 0;
    &:hover{
     text-decoration: underline;
     padding-right: 10px;
    }
  }
}

.news-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: $sizeMedium 0;
  @include media-breakpoint-up(md) {
    padding: (50px + $sizeMedium) 0 $sizeLarge 0;
  }

  .news-image {
    display: none;
    @include media-breakpoint-up(md) {
      display: block;
      width: 110px;
      height: 110px;
      background-color: $themeSecondary;
      border-radius: 50%;
      color: $themeWhite;
      margin-bottom: 0;
      margin-right: $sizeMedium;
      border: 5px solid $themeWhite;
      position: relative;
      img {
        display: block;
        height: 100%;

        &.default {
          height: 70%;
        }
      }
      .img-wrapper {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      &:after {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        margin-top: -50px - $sizeSmall;
        margin-left: -50px - $sizeSmall;
        content: "";
        width: 100px + $sizeSmall*2;
        height: 100px + $sizeSmall*2;
        background-color: $themeSecondary;
        z-index: -1;
        background-image: linear-gradient(110deg, transparent 50%, $themeWhite 50%);
      }
    }
  }

  .news-date {
    color: $themeGray;
    margin-bottom: $sizeSmall/2;
    display: inline-block;
  }

  h4 {
    color: $themePrimary;
    text-transform: uppercase;
    margin-bottom: 0;
    @include media-breakpoint-down(md) {
      font-size: 1.3em;
    }
  }

  a:hover {
    color: $themePrimary;
  }

  p {
    a {
      justify-content: center;
      color: $themePrimary;
      padding-left: $sizeSmall;
      font-size: 1.2em;
    }
  }
}