button.btn {
height: 40px;
}
.btn {
width: auto;
padding: 8px 15px;
border: 1px solid rgba(110, 110, 110, 0.4);
border-radius: 6px;
position: relative;
display: inline-block;
text-align: center;
text-decoration: none;
font-weight: 400;
font-size: 14px;
white-space: nowrap;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.btn.flex {
display: flex;
}
button:disabled, .btn:disabled {
border-color: #d9d9d9 !important;
background-color: #f2f2f2 !important;
color: #a0a0a0 !important;
cursor: not-allowed;
}
.btn.btn-link {
height: auto;
padding: 0;
border: 0 none transparent;
border-radius: 0;
text-align: left;
text-decoration: underline;
font-weight: 400;
background-color: transparent;
color: #2a2563;
}
.btn.btn-link:hover {
text-decoration: none;
}
.btn.btn-default {
background-color: #ffffff;
color: #6e6e6e;
}
.btn.btn-default:hover {
border-color: #6e6e6e;
background-color: #ffffff;
color: #2a2563;
}
button:disabled {
color: rgba(0, 0, 0, 0.25);
background-color: transparent;
border-color: #d9d9d9;
cursor: not-allowed;
}
.copy-button {
border: 0 none transparent;
padding: 0;
margin-left: 0.5rem;
background-color: transparent;
}
.copy-button .copy-icon {
display: block;
height: 20px;
width: 20px;
background: transparent url('https://cdn.fiatrepublic.com/apps/2022-03-10/shared/assets/copy.svg') center center / contain no-repeat;
}
a {
text-decoration: underline;
color: #2a2563;
}
a:hover {
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
.btn.btn-default {
border-color: rgba(197, 197, 197, 0.4);
background-color: #252525;
color: #6e6e6e;
}
.btn.btn-default:hover {
border-color: #6e6e6e;
background-color: #252525;
color: #eaeaea;
}
button:disabled, .btn:disabled {
border-color: rgba(217, 217, 217, 0.3) !important;
background-color: #252525 !important;
color: rgba(160, 160, 160, 0.3) !important;
}
a {
text-decoration: underline;
color: #eaeaea;
}
.btn.btn-link {
color: #6e6e6e;
}
.copy-button .copy-icon {
background: transparent url('https://cdn.fiatrepublic.com/apps/2022-03-10/shared/assets/copy_white.svg') center center / contain no-repeat;
}
button:disabled {
color: rgba(255, 255, 255, 0.3);
background-color: #141414;
border-color: #434343;
}
}