.footer{

position: relative;
color: var(--gray);
width: 100%;
text-align: left;
padding: 1.5rem 0 0 0;
h3 {
  color: var(--grayer);
  font-size: 1.25rem;
}
p {
  font-size: 0.875rem;
  margin: 3px 0 0.875rem 0;
}
.footer_bottom {
  padding-top: 1rem;
  position: relative;
  a:hover {
    text-decoration: underline;
  }
  &:before {
    @include pseudo();
    left: 0;
    background-color: var(--light);
    width: 30%;
    height: 1px;
    top: 0;
  }
}

} .wrapper-post .footer, .wrapper-page .footer {

&:before {
  @include pseudo();
  left: 0;
  background-color: var(--light);
  width: 30%;
  height: 1px;
  top: 0;
}

} .icon__list {

text-align: left;
margin: 0 0 1.5rem 0;

} .icon__link svg {

margin: 0 5px;
width: 20px;
height: 20px;

} .icon__fill {

fill: var(--gray);

} .icon__stroke {

stroke: var(--gray);

} .icon__list a:hover .icon__fill {

fill: var(--dark);

} .icon__list a:hover .icon__stroke {

stroke: var(--dark);

} @media screen and (max-width: 600px) {

.footer {
  width: 100%;
}

}