/**
 * @file
 * Visual styles for buttons.
 */

.button,
.image-button {
  background-color: var(--site--seasonal-text);
  border: 1px dashed var(--site--seasonal-text);
  color: #FFFFFF;
  margin: 1rem 1rem 1rem 0;
}
/*
.button:first-child,
.image-button:first-child {
  margin: 0;
} 
*/

/* @media */
@media screen and (min-width:768px) {
  .button,
  .image-button {
    margin: 0 1rem;
  }
}