.button {
  background-image: linear-gradient(to top left, #ff8a00, #da1b60);
  color: #fff !important;
  display: inline-block;
  font-family: inherit;
  font-weight: 700;
  border: 0;
  border-radius: 2rem;
  white-space: nowrap;
  padding: 1rem 1.5rem;
  line-height: 1.4;
  position: relative;
  text-align: center;
  transition: 70ms;
}

.sp-dropdown-inner {
  border-radius:0.5em;
}

/* Typwriter css white */
.type {
  font-family: monospace;
  color:#0000;
  font-size: 1.2em;
  font-weight: 700;
  background:
    linear-gradient(-90deg,#ff00aa 5px,#0000 0) 10px 0,
    linear-gradient(white 0 0) 0 0;
  background-size:calc(var(--n)*1.2ch) 200%;
  -webkit-background-clip:padding-box,text;
  background-clip:padding-box,text;
  background-repeat:no-repeat;
  animation: 
   b .7s infinite steps(1),   
   t calc(var(--n)*.05s) steps(var(--n)) forwards;
}

@keyframes t{
  from {background-size:0 200%}
}
@keyframes b{
  50% {background-position:0 -100%,0 0}
}

/* Typwriter css pink */
.typepink {
  font-family: monospace;
  color:#0000;
  font-size: 1.2em;
  font-weight: 700;
  background:
    linear-gradient(-90deg,#ff00aa 5px,#0000 0) 10px 0,
    linear-gradient(#ff00aa 0 0) 0 0;
  background-size:calc(var(--n)*1.2ch) 200%;
  -webkit-background-clip:padding-box,text;
  background-clip:padding-box,text;
  background-repeat:no-repeat;
  animation: 
   b .7s infinite steps(1),   
   t calc(var(--n)*.05s) steps(var(--n)) forwards;
}

@keyframes t{
  from {background-size:0 200%}
}
@keyframes b{
  50% {background-position:0 -100%,0 0}
}

/* Typwriter css orange */
.typeorange {
  font-family: monospace;
  color:#0000;
  font-size: 1.2em;
  font-weight: 700;
  background:
    linear-gradient(-90deg,#ff00aa 5px,#0000 0) 10px 0,
    linear-gradient(#ff8a00 0 0) 0 0;
  background-size:calc(var(--n)*1.2ch) 200%;
  -webkit-background-clip:padding-box,text;
  background-clip:padding-box,text;
  background-repeat:no-repeat;
  animation: 
   b .7s infinite steps(1),   
   t calc(var(--n)*.05s) steps(var(--n)) forwards;
}

/* RSS Title css orange */
.typeTitle {
  font-family: monospace;
  color:#ff8a00;
  font-size: 1.0em;
  font-weight: 500;

}

/* Typwriter RSS Text css white */
.typeText {
  font-family: monospace;
  color:#0000;
  font-size: 0.8em;
  font-weight: 400;
  background:
    linear-gradient(-90deg,#ff00aa 5px,#0000 0) 10px 0,
    linear-gradient(rgb(255, 228, 197) 0 0) 0 0;
  background-size:calc(var(--n)*1.2ch) 200%;
  -webkit-background-clip:padding-box,text;
  background-clip:padding-box,text;
  background-repeat:no-repeat;
  animation: 
   b .7s infinite steps(1),   
   t calc(var(--n)*.05s) steps(var(--n)) forwards;
}

/* RSS source css white */
.sourceDate {
  font-family: monospace;
  color:#ffffff;
  font-size: 0.8em;
  font-weight: 400;
}

@keyframes t{
  from {background-size:0 200%}
}
@keyframes b{
  50% {background-position:0 -100%,0 0}
}
/* RSS Module Style */
.sppb-addon-content a {
  color: #ff8a00;
  font-family: monospace;
  font-size: 1.0em;
  font-weight: 700;
}
.sppb-addon-content a:visited {
  color: #ff00aa;
  font-family: monospace;
  font-size: 1.0em;
  font-weight: 700;
}
.sppb-addon-content a:hover {
  color: #ff00aa;
  font-family: monospace;
  font-size: 1.0em;
  font-weight: 700;
}
/* RSS Module Style when in pos top1 */
.sp-column a {
  color: #ff8a00;
  font-family: monospace;
  font-size: 1.0em;
  font-weight: 700;
}
.sp-column a:visited {
  color: #ff00aa;
  font-family: monospace;
  font-size: 1.0em;
  font-weight: 700;
}
.sp-column a:hover {
  color: #ff00aa;
  font-family: monospace;
  font-size: 1.0em;
  font-weight: 700;
}
/* bottom titles */
.sp-module-title {
  font-family: Rubik, Lato, "Lucida Grande", "Lucida Sans Unicode", Tahoma,
    Sans-Serif;
  line-height: 1.6;
  background: var(--line-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  overflow-wrap: break-word;
  font-size: 1.3em;
  font-weight: 700;
  text-transform: uppercase;
}
.slideplus-caption {
  font-family: Rubik, Lato, "Lucida Grande", "Lucida Sans Unicode", Tahoma,
    Sans-Serif;
  overflow-wrap: break-word;
  font-size: calc(1.3em + .2vw);
  line-height: 1.3;
  background: var(--line-gradient);
  font-weight: 700;
  text-transform: none;
}
.fancybox-caption__body {
  font-family: Rubik, Lato, "Lucida Grande", "Lucida Sans Unicode", Tahoma,
    Sans-Serif;
  overflow-wrap: break-word;
  font-size: calc(1.3em + .2vw);
  line-height: 1.3;
  background: var(--line-gradient);
  font-weight: 700;
  text-transform: none;
}