.btn-block {
  display: block;
  width: 100%;
}
.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.main-button{
    border: none;
    background-color: var(--primary-color);
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}

.cart-button{
    border: none;
    background-color: var(--secondary-color);
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}

.add-to-cart{
    border: none;
    width: 100%;
    background-color: var(--primary-color);
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}
.buy-now{
    border: none;
    width: 100%;
    background-color: var(--secondary-color);
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}