/**
 * h1 Styles
 */
/**
 * h2 Styles
 */
/**
 * h3 Styles
 */
/**
 * h4 Styles
 */
/**
 * h5 Styles
 */
/**
 * h6 Styles
 */
/**
 * Container for components .container class
*/
/*
* Content + Two Sidebars Layout
* Pages: Spikes, Brixx, Tax
*/
.announcement-container {
  border-radius: 10px;
  background: rgba(26, 26, 26, 0.4);
  backdrop-filter: blur(7.5px);
  color: #ffffff;
  padding: 40px 34px 40px 30px;
}
@media screen and (min-width: 768px) {
  .announcement-container {
    width: 344px;
  }
}
@media screen and (min-width: 1024px) {
  .announcement-container {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 365px;
    padding: 40px;
  }
}
@media screen and (min-width: 1440px) {
  .announcement-container {
    width: 385px;
    padding: 50px 50px 48.92px;
  }
}
.announcement-container .announcement-headline {
  padding-top: 5px;
  margin-bottom: 15px;
  border-top: 1px solid #ffffff;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 4.2px;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .announcement-container .announcement-headline {
    padding-top: 9px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 3.5px;
  }
}
@media screen and (min-width: 1440px) {
  .announcement-container .announcement-headline {
    margin-bottom: 25px;
  }
}
.announcement-container .announcement-text {
  margin-bottom: 15px;
}
.announcement-container .arrow-button {
  height: 25px;
}
@media screen and (min-width: 1024px) {
  .announcement-container .arrow-button {
    height: 38px;
  }
}
.announcement-container .arrow-button .icon-container,
.announcement-container .arrow-button svg {
  height: 25px;
  width: 25px;
}
@media screen and (min-width: 1024px) {
  .announcement-container .arrow-button .icon-container,
  .announcement-container .arrow-button svg {
    height: 38px;
    width: 38px;
  }
}