.grid-container {
    display: grid;
    grid-template-columns: 0fr 4fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 10px;
}

.grid-playlist-container {
    display: grid;
    grid-template-columns: 0fr 0fr 4fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 10px;
}

.mb-3, .my-3 {
    border-bottom: 1px solid #005fb6;
    padding: 10px 0 10px 0;
}
.grid-item {
    text-align: left;
}
.grid-item img {
	height: 80px;
	border-radius: 6px;
}
.grid-text {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    width: 100%;

}
.grid-text span {
	color: #fff;
	font-size: 14px;
}
.get-download-submit {
	margin-top: 5px;
    width: 125px;
    height: 35px;
    background-color: #0085ff;
    border: none;
    outline: none;
    cursor: pointer;
    float: right;
	border-radius: 3px;
    color: #fff;
	font-size: 14px;
}
.get-download-submit:hover {
	
}

.download-btn {
	margin: 5px;
    width: 125px;
    height: 35px;
	display: inline-block;
	padding: 10px 0 10px 0;
	background-color: #0085ff;
	color: #fff;
	text-decoration: none;
    border: none;
    outline: none;
    cursor: pointer;
    float: right;
	border-radius: 3px;
	font-size: 12px;
	text-align: center;
	border: 1px #fff solid;
}

.download-btn:hover {

}

.download-loading {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.download-loading:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    color: red;
    border: 2px solid #fff;
    border-radius: 75%;
    vertical-align: -10%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 30%, 0% 30%);
    animation: rotate 1s linear infinite;
}
@keyframes rotate {
    from {
        transform: rotatez(0deg);
    }
    to {
        transform: rotatez(360deg);
	}
}