/**
 * @file
 * Markup generated by #type 'more_link'.
 */




/**
 * ===== MORE LINK =====
 */
.more-link {
  padding: 1.5rem 0;
  text-align: center;
}
.more-link a {
  background-color: var(--site--main--color--05-02);
  /**/
  background-image: url("../../img/gui/gui-direction/gui-direction-arrow-default-right-33445F.svg");
  background-position: right 1.25rem center;
  background-repeat: no-repeat;
  background-size: 32px;
  color: var(--site--body--link-color--02);
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.0;
  padding: 0.75rem calc(1.0rem + 32px + 1.25rem) 0.75rem 1.0rem;
  /**/
  transition: 
    background-color 0.4s ease, background-position 0.2s ease;
}
.more-link a:hover {
  background-color: var(--site--main--color--05-03);
  background-position: right 1.0rem center;
}


/* @media */
@media only screen and (min-width: 1024px) {
  /**/
  .more-link a {
    background-position: right 1.75rem center;
    padding: 1.0rem calc(1.0rem + 32px + 1.75rem) 1.0rem 1.5rem;
  }
  /**/
  .more-link a:hover {
    background-position: right 1.5rem center;
  }
}