/*****************************************

	CUSTOM CSS

.button1
{
        text-align: center;
        font-size: 1.5em;
        margin: 0 auto;
        width: 15%;
        padding: 8px;
        border: 2px solid;
        border-color: #e7dd84;
        background-color: rgba(236,229,167,0.2);
        transition: 0.35s;

}
.button1 a, active
{
        text-decoration: none;
        color: #e7dd84;

}

.button1:hover a
{
        text-decoration: none;
        color: black;

}

.button1:hover
{
        color: black;
        background-color: white;
        border-color: white;
        transition: 0.35s;
}

.container {
  text-align: center;
}
.button2 {
  text-decoration: none;
  background-color: rgba(236, 229, 167, 0.2);
  border: 2px solid #e7dd84;
  color: #e7dd84;
  display: inline-block;
  font-size: 1.5em;
  padding: 8px;
  transition: 0.35s;
}
.button2:hover {
  text-decoration: none;
  background-color: white;
  border-color: white;
  color: black;
}


.button3
{
        text-align: center;
        font-size: 1.5em;
        margin: 0 auto;
        width: 15%;
        padding: 8px;
        border: 2px solid;
        border-color: #e7dd84;
        background-color: rgba(236,229,167,0.2);
        transition: 0.35s;

}
.button3 a, active
{
        text-decoration: none;
        color: #e7dd84;

}

.button3:hover a
{
        text-decoration: none;
        color: black;

}

.button3:hover
{
        color: black;
        background-color: white;
        border-color: white;
        transition: 0.35s;
}


<div class="button1">                
<a href="https://www.vitalitaet-und-schoenheit.de/">Go to site</a>        
</div>

<div class="container">  
<a class="button2" href="https://www.vitalitaet-und-schoenheit.de/">Go to site</a>
</div>

<div class="button3">                
<a href="https://www.vitalitaet-und-schoenheit.de/"> <img width="26" height="25"  src="vs/home/warenkorb25.png" >&nbsp;Go to site</a>        
</div>


******************************************/