If you place "body" before each element and the style will be overwritten.

.deasy-inline {
display: inline-block;
width: 100%
}

.deasy-inline .deasy-content {
display: block;
margin: 0 auto;
text-align: center;
width: 80%
}

.deasy-inline .deasy-content .deasy-values {
align-items: center;
display: flex;
flex-direction: row;
justify-content: center
}

.deasy-inline .deasy-content .deasy-values .deasy-col {
border: 3px solid #ff4500;
border-radius: 50%;
box-sizing: content-box;
height: 80px;
margin-right: 5px;
padding: 15px;
position: relative;
width: 80px
}

.deasy-inline .deasy-content .deasy-values .deasy-col .deasy-text {
font: 12px Arial, sans-serif;
height: 80px;
margin-right: 5px;
margin-top: 15px;
text-align: center;
width: 80px
}

.deasy-inline .deasy-content .deasy-values .deasy-col .deasy-text .deasy-value-container {
font-size: 28px
}

.deasy-inline .deasy-content .deasy-values .deasy-col .deasy-text .deasy-label-container {
font-size: 12px
}

@media (max-width: 768px) {
.deasy-inline .deasy-content .deasy-values .deasy-col {
height: 50px;
width: 50px
}

.deasy-inline .deasy-content .deasy-values .deasy-col .deasy-text {
height: 50px;
margin-top: 0;
width: 50px
}

.deasy-inline .deasy-content .deasy-values .deasy-col .deasy-text .deasy-value-container {
font-size: 24px
}

.deasy-inline .deasy-content .deasy-values .deasy-col .deasy-text .deasy-label-container {
font-size: 12px
}
}

@media (max-width: 576px) {
.deasy-inline .deasy-content .deasy-values .deasy-col {
height: 35px;
width: 35px
}

.deasy-inline .deasy-content .deasy-values .deasy-col .deasy-text {
height: 35px;
margin-top: 0;
width: 35px
}

.deasy-inline .deasy-content .deasy-values .deasy-col .deasy-text .deasy-value-container {
font-size: 21px
}

.deasy-inline .deasy-content .deasy-values .deasy-col .deasy-text .deasy-label-container {
font-size: 8px
}
}

If you place "body" before each element and the style will be overwritten.

.deasy-fixed-banner {
background: #fff;
box-sizing: initial;
font: 12px Arial, sans-serif;
height: 120px;
left: 0;
position: fixed;
width: 100%
}

.deasy-fixed-banner.three-quarter {
width: 75%
}

.deasy-fixed-banner.hide {
display: none
}

.deasy-fixed-banner.top {
top: 0
}

.deasy-fixed-banner.bottom {
bottom: 0
}

.deasy-fixed-banner .deasy-content {
align-items: center;
border: 0 solid #000;
border-radius: 0;
box-shadow: 0 -4px 25px 0 rgba(0, 0, 0, .15);
box-sizing: border-box;
display: inline-flex;
flex-direction: row;
font: 24px Arial, sans-serif;
gap: 45px;
height: 120px;
justify-content: center;
margin: 0;
min-height: 120px;
padding: 20px;
position: relative;
width: 100%
}

.deasy-fixed-banner .deasy-content .deasy-text-before {
font-size: 21px;
text-align: center
}

.deasy-fixed-banner .deasy-content .deasy-text-before h2 {
margin: 0
}

.deasy-fixed-banner .deasy-content .deasy-text-before p {
margin: 5px 0 0
}

.deasy-fixed-banner .deasy-content .deasy-timer {
box-sizing: initial;
display: flex;
flex-direction: column;
height: 100%
}

.deasy-fixed-banner .deasy-content .deasy-legend, .deasy-fixed-banner .deasy-content .deasy-values {
align-items: center;
box-sizing: initial;
display: flex;
width: 100%
}

.deasy-fixed-banner .deasy-content .deasy-values {
box-sizing: initial;
flex-grow: 1;
height: 100%
}

.deasy-fixed-banner .deasy-content .deasy-label-container, .deasy-fixed-banner .deasy-content .deasy-value-container {
align-items: center;
box-sizing: initial;
display: flex;
flex-grow: 1;
justify-content: center;
min-width: 40px;
width: 100%
}

.deasy-fixed-banner .deasy-content .deasy-value-container {
border: 1px solid #ff4500;
border-radius: 15%;
box-sizing: initial;
font-size: 32px;
padding: 5px
}

.deasy-fixed-banner .deasy-content .deasy-label-container {
font-size: 12px
}

.deasy-fixed-banner .deasy-content .deasy-separator {
box-sizing: initial;
font-size: 16px;
font-weight: 700;
margin: 0 5px
}

.deasy-fixed-banner .deasy-content .deasy-legend .deasy-separator {
opacity: 0
}

.deasy-fixed-banner .deasy-content .deasy-button {
animation: jello 10s infinite both;
background: #ff4500;
box-sizing: initial;
padding: 15px 40px;
text-align: center
}

.deasy-fixed-banner .deasy-content .deasy-button .deasy-link {
color: #fff;
font-size: 21px;
text-decoration: none
}

@media (max-width: 768px) {
.deasy-fixed-banner .deasy-content {
gap: 30px
}

.deasy-fixed-banner .deasy-content .deasy-text-before {
font-size: 18px
}

.deasy-fixed-banner .deasy-content .deasy-value-container {
font-size: 26px
}

.deasy-fixed-banner .deasy-content .deasy-label-container {
font-size: 12px
}

.deasy-fixed-banner .deasy-content .deasy-separator {
font-size: 16px
}

.deasy-fixed-banner .deasy-content .deasy-button {
min-width: 150px;
padding: 5px
}

.deasy-fixed-banner .deasy-content .deasy-button .deasy-link {
font-size: 14px
}
}

@media (max-width: 576px) {
.deasy-fixed-banner {
height: 170px
}

.deasy-fixed-banner.three-quarter {
width: 100%
}

.deasy-fixed-banner .deasy-content {
flex-direction: column;
gap: 10px;
height: 170px;
min-height: 170px
}

.deasy-fixed-banner .deasy-content .deasy-text-before {
font-size: 12px
}

.deasy-fixed-banner .deasy-content .deasy-label-container, .deasy-fixed-banner .deasy-content .deasy-value-container {
min-width: 0
}

.deasy-fixed-banner .deasy-content .deasy-value-container {
font-size: 18px;
padding: 0
}

.deasy-fixed-banner .deasy-content .deasy-label-container {
font-size: 10px
}

.deasy-fixed-banner .deasy-content .deasy-separator {
font-size: 14px
}

.deasy-fixed-banner .deasy-content .deasy-button {
padding: 10px 30px
}

.deasy-fixed-banner .deasy-content .deasy-button .deasy-link {
font-size: 16px
}
}

.deasy-close {
border: 1px solid #000;
border-radius: 50%;
cursor: pointer;
height: 12px;
padding: 5px;
position: absolute;
right: 15px;
text-align: center;
top: 15px;
width: 12px
}

If you place "body" before each element and the style will be overwritten.

.deasy-banner {
background: #ff4500;
border-radius: 10px;
bottom: 30px;
box-sizing: initial;
color: #fff;
font: 12px Arial, sans-serif;
height: 350px;
position: fixed;
width: 280px
}

.deasy-banner.hide {
display: none
}

.deasy-banner.left {
left: 30px
}

.deasy-banner.right {
right: 30px
}

.deasy-banner .deasy-content {
box-sizing: border-box;
display: block;
font: 21px Arial, sans-serif;
gap: 45px;
height: 100%;
margin: 0;
padding: 20px;
position: relative;
width: 100%
}

.deasy-banner .deasy-content .deasy-text-before {
font-size: 18px;
margin-top: 30px
}

.deasy-banner .deasy-content .deasy-timer {
box-sizing: initial;
display: flex;
flex-direction: column;
margin-top: 30px
}

.deasy-banner .deasy-content .deasy-legend, .deasy-banner .deasy-content .deasy-values {
align-items: center;
box-sizing: initial;
display: flex;
width: 100%
}

.deasy-banner .deasy-content .deasy-values {
box-sizing: initial;
flex-grow: 1;
height: 100%
}

.deasy-banner .deasy-content .deasy-label-container, .deasy-banner .deasy-content .deasy-value-container {
align-items: center;
box-sizing: initial;
display: flex;
flex-grow: 1;
justify-content: center;
min-width: 40px;
width: 100%
}

.deasy-banner .deasy-content .deasy-value-container {
box-sizing: initial;
font-size: 21px;
padding: 5px 0
}

.deasy-banner .deasy-content .deasy-label-container {
font-size: 12px
}

.deasy-banner .deasy-content .deasy-separator {
box-sizing: initial;
font-size: 16px;
font-weight: 700;
margin: 0 5px
}

.deasy-banner .deasy-content .deasy-legend .deasy-separator {
opacity: 0
}

.deasy-banner .deasy-content .deasy-button {
animation: jello 10s infinite both;
background: #fff;
bottom: 30px;
box-sizing: initial;
left: 0;
margin: 0 auto;
padding: 10px;
position: absolute;
right: 0;
text-align: center;
width: 70%
}

.deasy-banner .deasy-content .deasy-button .deasy-link {
color: #000;
font-size: 21px;
text-decoration: none
}

.deasy-banner .deasy-close {
border-color: #fff;
color: #fff
}

@media (max-width: 576px) {
.deasy-banner {
bottom: 15px;
height: 250px;
width: 230px
}

.deasy-banner.left {
left: 15px
}

.deasy-banner.right {
right: 15px
}

.deasy-banner .deasy-content {
padding: 15px
}

.deasy-banner .deasy-content .deasy-text-before {
font-size: 12px;
margin-top: 15px
}

.deasy-banner .deasy-content .deasy-value-container {
font-size: 18px
}

.deasy-banner .deasy-content .deasy-label-container {
font-size: 10px
}

.deasy-banner .deasy-content .deasy-separator {
font-size: 14px
}

.deasy-banner .deasy-content .deasy-button {
bottom: 15px
}

.deasy-banner .deasy-content .deasy-button .deasy-link {
font-size: 14px
}
}