: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
button.button__dark:hover {
a.button__dark.active:disabled, a.button__dark:hover:disabled,
button.button__dark.active:disabled,
button.button__dark:hover:disabled {
-webkit-box-shadow: none;
a.button__dark.hover__highlight:hover .icon,
button.button__dark.hover__highlight:hover .icon {
.button__grey:not(.hover__highlight) {
-webkit-transition-property: background, color, box-shadow, border;
-webkit-transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, box-shadow, border;
transition-property: background, color, box-shadow, border, -webkit-box-shadow;
.button__grey:not(.hover__highlight):disabled {
.button__grey:not(.hover__highlight) .icon {
.button__grey.hover__highlight {
border-color: transparent;
background: rgba(124, 141, 181, 0.1);
.button__grey.hover__highlight .icon {
.button__grey.hover__highlight:hover {
border-color: transparent;
.button__grey.button__shadow {
-webkit-box-shadow: 0 10px 10px rgba(124, 141, 181, 0.2);
box-shadow: 0 10px 10px rgba(124, 141, 181, 0.2);
a.button__grey.active, a.button__grey:hover,
button.button__grey.active,
button.button__grey:hover {
a.button__grey.active:disabled, a.button__grey:hover:disabled,
button.button__grey.active:disabled,
button.button__grey:hover:disabled {
-webkit-box-shadow: none;
a.button__grey.hover__highlight:hover .icon,
button.button__grey.hover__highlight:hover .icon {
.button__liteGrey:not(.hover__highlight) {
-webkit-transition-property: background, color, box-shadow, border;
-webkit-transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, box-shadow, border;
transition-property: background, color, box-shadow, border, -webkit-box-shadow;
.button__liteGrey:not(.hover__highlight):disabled {
.button__liteGrey:not(.hover__highlight) .icon {
.button__liteGrey.hover__highlight {
border-color: transparent;
background: rgba(245, 247, 253, 0.1);
.button__liteGrey.hover__highlight .icon {
.button__liteGrey.hover__highlight:hover {
border-color: transparent;
.button__liteGrey.button__shadow {
-webkit-box-shadow: 0 10px 10px rgba(245, 247, 253, 0.2);
box-shadow: 0 10px 10px rgba(245, 247, 253, 0.2);
a.button__liteGrey.active, a.button__liteGrey:hover,
button.button__liteGrey.active,
button.button__liteGrey:hover {
a.button__liteGrey.active:disabled, a.button__liteGrey:hover:disabled,
button.button__liteGrey.active:disabled,
button.button__liteGrey:hover:disabled {
-webkit-box-shadow: none;
a.button__liteGrey.hover__highlight:hover .icon,
button.button__liteGrey.hover__highlight:hover .icon {
.button__black:not(.hover__highlight) {
-webkit-transition-property: background, color, box-shadow, border;
-webkit-transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, box-shadow, border;
transition-property: background, color, box-shadow, border, -webkit-box-shadow;
.button__black:not(.hover__highlight):disabled {
.button__black:not(.hover__highlight) .icon {
.button__black.hover__highlight {
border-color: transparent;
background: rgba(0, 0, 0, 0.1);
.button__black.hover__highlight .icon {
.button__black.hover__highlight:hover {
border-color: transparent;
.button__black.button__shadow {
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
a.button__black.active:disabled, a.button__black:hover:disabled,
button.button__black.active:disabled,
button.button__black:hover:disabled {
-webkit-box-shadow: none;
a.button__black.hover__highlight:hover .icon,
button.button__black.hover__highlight:hover .icon {
.button__twitter:not(.hover__highlight) {
-webkit-transition-property: background, color, box-shadow, border;
-webkit-transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, box-shadow, border;
transition-property: background, color, box-shadow, border, -webkit-box-shadow;
.button__twitter:not(.hover__highlight):disabled {
.button__twitter:not(.hover__highlight) .icon {
.button__twitter.hover__highlight {
border-color: transparent;
background: rgba(29, 161, 242, 0.1);
.button__twitter.hover__highlight .icon {
.button__twitter.hover__highlight:hover {
border-color: transparent;
.button__twitter.button__shadow {
-webkit-box-shadow: 0 10px 10px rgba(29, 161, 242, 0.2);
box-shadow: 0 10px 10px rgba(29, 161, 242, 0.2);
a.button__twitter.active, a.button__twitter:hover,
button.button__twitter.active,
button.button__twitter:hover {
a.button__twitter.active:disabled, a.button__twitter:hover:disabled,
button.button__twitter.active:disabled,
button.button__twitter:hover:disabled {
-webkit-box-shadow: none;
a.button__twitter.hover__highlight:hover .icon,
button.button__twitter.hover__highlight:hover .icon {
.button__linkedin:not(.hover__highlight) {
-webkit-transition-property: background, color, box-shadow, border;
-webkit-transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, box-shadow, border;
transition-property: background, color, box-shadow, border, -webkit-box-shadow;
.button__linkedin:not(.hover__highlight):disabled {
.button__linkedin:not(.hover__highlight) .icon {
.button__linkedin.hover__highlight {
border-color: transparent;
background: rgba(0, 119, 181, 0.1);
.button__linkedin.hover__highlight .icon {
.button__linkedin.hover__highlight:hover {
border-color: transparent;
.button__linkedin.button__shadow {
-webkit-box-shadow: 0 10px 10px rgba(0, 119, 181, 0.2);
box-shadow: 0 10px 10px rgba(0, 119, 181, 0.2);
a.button__linkedin.active, a.button__linkedin:hover,
button.button__linkedin.active,
button.button__linkedin:hover {
a.button__linkedin.active:disabled, a.button__linkedin:hover:disabled,
button.button__linkedin.active:disabled,
button.button__linkedin:hover:disabled {
-webkit-box-shadow: none;
a.button__linkedin.hover__highlight:hover .icon,
button.button__linkedin.hover__highlight:hover .icon {
.button__instagram:not(.hover__highlight) {
-webkit-transition-property: background, color, box-shadow, border;
-webkit-transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, border, -webkit-box-shadow;
transition-property: background, color, box-shadow, border;
transition-property: background, color, box-shadow, border, -webkit-box-shadow;
.button__instagram:not(.hover__highlight):disabled {
.button__instagram:not(.hover__highlight) .icon {
.button__instagram.hover__highlight {
border-color: transparent;
background: rgba(225, 48, 108, 0.1);
.button__instagram.hover__highlight .icon {
.button__instagram.hover__highlight:hover {
border-color: transparent;
.button__instagram.button__shadow {
-webkit-box-shadow: 0 10px 10px rgba(225, 48, 108, 0.2);
box-shadow: 0 10px 10px rgba(225, 48, 108, 0.2);
a.button__instagram.active, a.button__instagram:hover,
button.button__instagram.active,
button.button__instagram:hover {
a.button__instagram.active:disabled, a.button__instagram:hover:disabled,
button.button__instagram.active:disabled,
button.button__instagram:hover:disabled {
-webkit-box-shadow: none;
a.button__instagram.hover__highlight:hover .icon,
button.button__instagram.hover__highlight:hover .icon {
.template__wrapper .button.button-pro-upgrade {
background-color: #FF7369;
.template__wrapper .button {
background: rgba(91, 78, 150, 0.1);
border: 1px solid rgba(91, 78, 150, 0.1);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
@media (max-width: 767px) {
.template__wrapper .button {
.template__wrapper .button:hover {
background: #5B4E96 !important;
color: #ffffff !important;
border-color: #5B4E96 !important;
.template__wrapper .button:focus {
-webkit-box-shadow: none;
background-color: #5B4E96;
.template__wrapper .button .ss-icon {
.template__wrapper .button--lg {
.template__wrapper .button__flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
-webkit-box-align: center;
.button__group .button:last-child {
.template__wrapper .radius-10 {
.template__wrapper .radius-12 {
.template__wrapper .radius-16 {
.template__wrapper .radius-20 {
.template__wrapper .radius-24 {
.template__wrapper .radius-25 {