.button,button{
  text-decoration: none;
  font-size: 1.125rem;
  padding: 1rem 3rem;
  background-color: transparent;
  color:var(--second-color);
  border:1px solid var(--second-color);
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin: 1rem 0;
  display: inline-block;
}
.button {margin: 1rem;}
.button:hover,button:hover{
  background-color: var(--second-color);
  color:#fff;
  text-decoration: none;
}
.button--primary,.button--primary:visited,.form-actions button:first-child,#field_image-media-library-wrapper .field-suffix .button{
  color:#fff;
  background: var(--main-color);
  border-color: var(--main-color);
}
.dark .button,.dark button,.dark .button:visited,.dark button:visited{
  color:#fff;
  background: transparent;
  border-color: var(--contrast-dark-color);
}
.dark .button:hover,.dark button:hover{
  color: var(--second-color);
  background: var(--contrast-dark-color);
  border-color: var(--contrast-dark-color);
}
.button-wraper{
  padding: 0 1rem;
}
/*lg 992px*/
@media(min-width: 62em){
  .button {margin: 0rem;}
  .button-wraper{
    padding: 0;
  }
}