.rankd-fs-wrapper {
display: block;
padding: 10px 14px;
margin: 12px 0;
border-radius: 4px;
border-width: 1px;
border-style: solid;
font-size: .95em;
line-height: 1.5;
box-sizing: border-box;
}
.rankd-fs-notice {
background-color: #fff8e5;
border-color: #f5c518;
color: #5a4a00;
}
.rankd-fs-success {
background-color: #edfaf1;
border-color: #2ecc71;
color: #1a5c35;
}
.rankd-fs-message {
display: block;
margin-top: 6px;
}
.rankd-fs-amount {
font-weight: 700;
}
.rankd-fs-coupon-code {
display: inline-block;
font-family: monospace;
font-weight: 700;
background: #f0f0f0;
border: 1px solid #ccc;
border-radius: 3px;
padding: 1px 6px;
letter-spacing: .04em;
}
.rankd-fs-coupon-line {
font-size: .9em;
opacity: .9;
}
.rankd-fs-bar-track {
width: 100%;
height: 6px;
background-color: rgba(0,0,0,.1);
border-radius: 3px;
overflow: hidden;
}
.rankd-fs-bar-fill {
height: 100%;
background-color: #2ecc71;
border-radius: 3px;
transition: width .4s ease;
}
.rankd-fs-notice .rankd-fs-bar-fill {
background-color: #f5c518;
}