button {
   font-size: 1rem;
  align-items: center;
  height: 48px;
  border-radius: 0;
  font-weight: 600;
  padding: 0 1.2rem;
  color: #fff;
  border: none;
  cursor: pointer;
  box-shadow: 0 0.5rem 1rem rgba(143, 142, 142, 0.15) !important;
  background: #000000;
  
}

button:hover {
  background: #2b2a2a;
}


.custom-banner-button{
    display: block;
position: fixed;
justify-self: anchor-center;

}
@media(max-width: 768px){
button {
    font-size: 0.8rem;
    align-items: center;
    height: 35px;
    border-radius: 0;
    font-weight: 600;
    padding: 0 1rem;
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: 0 0.5rem 1rem rgba(143, 142, 142, 0.15) !important;
    background: #000000;
  }
  }
.carousel-slide-caption {background: none !important;}
/*
<div class="custom-banner-button">
    
<a href="/damske-svetry-a-pletene-odevy/" class="test"><button>Svetry</button></a>
<a href="/damska-ponca/"><button>Ponča</button></a>
<a href="/damske-kabaty/"><button>Kabáty</button></a>
</div>

*/