.wc-button
{
padding: 8px;
padding-left: 16px;
padding-right: 16px;
border-radius: 4px;
background-color: var(--button-background);
border: 1px solid var(--button-border);
height: 14px;
color: var(--button-text);
cursor: pointer;
user-select: none;
line-height: 1.1;
}
.wc-button-left
{
float: left;
margin-right: 20px;
}
.wc-button-right
{
float: right;
margin-left: 20px;
}
.wc-button:hover
{
background-color: var(--button-background-hover);
color: var(--button-text-hover);
border-color: var(--button-border-hover);
}
.wc-button-signal
{
background-color: var(--button-background-signal);
}
.wc-button-signal:hover
{
background-color: var(--button-background-signal-hover);
}
.wc-button-disabled
{
background-color: var(--button-background-disabled);
}
.wc-button-disabled:hover
{
background-color: var(--button-background-disabled-hover);
}
@media screen and (max-width: 360px)
{
.wc-button-left-mobile
{
margin-left: 0px;
}
.wc-button-right-mobile
{
margin-left: 0px;
}
}