@property --button_around_gradient_start {
  syntax: "<color>";
  inherits: false;
  initial-value: #016099;
}
@property --button_around_gradient_end {
  syntax: "<color>";
  inherits: false;
  initial-value: #1372ab;
}
.button_around {
  --button_around_gradient_start: #016099;
  --button_around_gradient_end: #1372ab;
  font-size: 28px;
  padding: 18px;
  color: #eceff0;
  border-radius: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  max-width: 440px;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
  line-height: 1.3em;
  background-image: linear-gradient(
    -15deg,
    var(--button_around_gradient_start) 0%,
    var(--button_around_gradient_end) 100%
  );
}
.email_editor_column.large .button_around:not(.froala_button_small) {
  max-width: 390px;
}
.editor_section_size_large
  .email_editor_column.full
  .button_around:not(.froala_button_small) {
  max-width: 390px;
}
.button_around.froala_button_small {
  padding: 14px;
  max-width: 320px;
}
.button_around.froala_button_small .fr-wrapper .fr-element {
  line-height: 1.3em;
  font-size: 18px;
}
.button_around .fr-element {
  overflow: hidden;
  transition: font-size 0.2s;
}
a.button_link:link,
a.button_link:hover,
a.button_link:active,
a.button_link:visited {
  color: inherit;
  text-decoration: none !important;
}
@media screen and (min-width: 640px) and (max-width: 700px),
  screen and (min-width: 1000px) {
  .page_note .small .button_around {
    font-size: 24px;
  }
}