/* ======================================

    CsvDownloadButton.css
    　CSVダウンロードボタンのスタイル

======================================== */

/*---------------------------------

  ボタン

---------------------------------*/
.csvDownloadButton {
    width: 80px;
    height: 30px;
    display: inline-block;
}

.csvDownloadButton .buttonCsvDownload {
    width: 100%;
	height: 100%;
	border: solid 1px #68d5db;
	border-radius: 5px;
    background-color: transparent;
    background-image: url('./Images/Icon.png');
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: center;
    padding: 0;
	font-size: 12px;
	color: #222;
    box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    cursor: pointer;
}
.csvDownloadButton .buttonCsvDownload:hover {
    transition-duration: 0.3s;
    background-color: rgba(104, 213, 219, 0.4);
}