/*This is the Stylesheet for Blazor components*/

/*CardComponent*/
/*General layot*/
.cardComponent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/*Button*/
.cardComponentButton {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    background-color: #ededed;
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #992299;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 35px;
    text-decoration: none;
    

{
    background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    background-color: #dfdfdf;
}

&:active {
    position: relative;
    top: 1px;
}



/*End Card Component*/