*[oval-button] {
  width: 40px;
  height: 40px;
  color: #fff;
  -webkit-border-radius: 52px;
  border-radius: 52px;
}
@media only screen and (min-width: 769px) {
  *[oval-button] {
    width: 51px;
    height: 51px;
  }
}
*[oval-button]:after {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
}
*[oval-button] svg {
  width: 30%;
  height: 30%;
  margin: auto;
}
*[oval-button] svg[close] {
  width: 25%;
  height: 25%;
}
*[oval-button] svg * {
  fill: currentColor;
}
@media only screen and (min-width: 1025px) {
  *[oval-button] svg {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  *[oval-button]:hover svg {
    -webkit-animation: animateToUp 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-animation: animateToUp 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-animation: animateToUp 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-animation: animateToUp 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    animation: animateToUp 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
*[oval-button][download] {
  line-height: 48px;
}
*[oval-button][download] svg {
  width: 40%;
  height: 40%;
}
*[oval-button][download] svg:nth-child(2) {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 12px;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}
*[oval-button][download] svg * {
  fill: #6f6f6f;
}
*[oval-button][toggle-filter] svg {
  width: 40%;
  height: 40%;
}
*[oval-button][toggle-filter] svg .g2 * {
  stroke: none;
  fill: currentColor;
}
*[oval-button][toggle-filter] svg .g1 * {
  stroke: currentColor;
  fill: none;
}
*[oval-button][toggle-info] svg:nth-child(2),
*[oval-button][toggle-filter] svg:nth-child(2) {
  height: 25%;
  width: 25%;
}
*[oval-button][ok-filter] svg:nth-child(1) * {
  fill: none;
  stroke: currentColor;
}
info-box button[oval-button][toggle-info] svg:nth-child(2),
info-box button[oval-button][toggle-filter] svg:nth-child(2) {
  display: none;
}
info-box button[oval-button][toggle-info] svg:nth-child(1),
info-box button[oval-button][toggle-filter] svg:nth-child(1) {
  display: block;
}
info-box.show-info button[oval-button][toggle-info] svg:nth-child(1) {
  display: none;
}
info-box.show-info button[oval-button][toggle-info] svg:nth-child(2) {
  display: block;
}
info-box.show-filter button[oval-button][toggle-filter] svg:nth-child(1) {
  display: none;
}
info-box.show-filter button[oval-button][toggle-filter] svg:nth-child(2) {
  display: block;
}
.page.mastertravel button[oval-button] {
  background: #1e3557;
}
.page.mastercrafting button[oval-button] {
  background: #83293b;
}
.page.masterlifestyle button[oval-button] {
  background: #37342d;
}
.page.calendarfolder button[oval-button],
.page.calendar button[oval-button] {
  background: #474c50;
}
@media only screen and (min-width: 1025px) {
  .page.magazinearchive menu button:hover svg {
    -webkit-animation: animateToDown 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-animation: animateToDown 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-animation: animateToDown 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-animation: animateToDown 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    animation: animateToDown 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
}